Bonjour, je cherche à faire en sorte que pour n'importe quel largeur/hauteur d'écran je garde une présentation fixe comme ceci :

J'ai essayé de mettre une <div> qui est tourné, mais le problème c'est que des que je redéfinie la taille de l'écran ma disposition change :

Quelqu'un saurait-il résoudre ce problème ? 

Merci

A première vue je dirais de jouer en pourcentage sur la dimension de ta div pour qu'elle s'adapte et soit responsive. J'avais eu un problème similaire mais je ne parviens pas à me rappeler comment je l'avais résolu ^^"

Pourrais tu poster ton CSS et ton HTML ? :) 

Bonjour,

Pas si simple ; voici une approximation: Démo jsbin

<div class="test"></div>

CSS

.test{
  border:5px ridge grey;
  height:50vw;
  position:relative;
  overflow:hidden;
}

.test::before{
  content:'';
  position:absolute;
  right:0;
  top:-12vw;
  transform:rotate(-10deg);
  height:20vw;
  width:100vw;
  background:crimson;
  border-bottom:5px ridge red;
}

Hop !

https://jsfiddle.net/bm6nuq8z/ 

Bonjour Modjii,

Une autre proposition ou tu peux spécifier facilement la longueur du coté gauche du triangle

https://codepen.io/Zonecss/pen/NMEpar