27799 sujets

CSS et mise en forme, CSS3

J'ai fais un schéma (j'ai sorti mon plus beau paint Smiley cligne ) de ce que je voudrais faire...
upload/1615924673-80248-schema.png
Le problème avec inline-block c'est que lorsqu'on ne "colle" pas les deux div dans le html la largeur de 100% ne s'applique pas et en plus la div de gauche ne prend pas toute la hauteur de la div de droite. (et avec float ça ne fonctionne pas non-plus)....

Quelle propriété css devrais-je utiliser ? Merci d'avance
Modifié par carllito (16 Mar 2021 - 20:58)
Bonjour,

Pourquoi ne pas utiliser le positionnement flex ?
Un div parent avec la propriété display: flex;
Et sur le premier enfant (titre), mettre une largeur fixe (si nécessaire)
et sur le second div (contenu) , mettre la propriété flex: 1;

Ça fera le boulot Smiley smile
Meilleure solution
Mais, mais....mais oui ! Merci, tellement simple mais tellement compliqué Smiley smile d'ailleurs si quelqu'un à un tuto bien pour expliquer les inline, flex et compagnie (oui y'a plein de tutos sur le net mais y'en a pas beaucoup des clairs et efficaces).