Salut j'ai un problème sur le quel je bloque depuis longtemps en CSS HTML !

J'ai une fenêtre resizable qui peut pas descendre en dessous de 300 x 200

Donc dans cette fenêtre je veux :
1 zone tout à gauche de 50 px largeur et 100% height

1 zone au milieu avec un carré qui prend presque toute la hauteur avec en dessous une div de hauteur fixe 70 px

1 zone tout àdroit de 50 px largeur et 100% largeur

Et c'est surtout cette zone du milieu que j'arrive pas !
Comment faire pour que le carré vert se resize en ayant toujours -70 px en bas pour la div

Merci a ceux qui peuvent m'aider ^^

Pour être plus précis : je veux que le carré vert plus la div de 70 px fasse 100% de la hauteur !

renseigne toi sur le display flex, tu pourras faire ce que tu veux.

sinon: height: calc(100% - 70px);

Solution : https://codepen.io/anon/pen/LOeepY

Merci les gars c'est super !
Je me sens bête je connaissais pas calc haha

J'ai passe 3 heures à bien faire mon tchat à l'aide du code pen avec les panneaux latéral qui s'ouvre et se ferme ça rend trop bien dans toutes les dimensions trop cool merci encore

Ta le droit de partager

Le 21 novembre 2017 à 07:44:20 20_cent_2017 a écrit :

Ta le droit de partager

c'est à dire