colonnes div de même hauteur dans mon cas

par **foetus69** » 22 mars 2012, 16:17

Désolée pour le post, j'ai trouvé après coup.

#m{ background-color:#FC3; float:left; height:100%}
#g{ background-color:#66F; width:200px; float:left; height:100% }
#c{ background-color:#090; width:200px; float:left; height:100%}
#d{ background-color:#933; width:200px; float:left; height:100%}

J'ai mis float: left et height:100% sur tous les éléments et maintenant ça marche !!! Est-ce que c'est la bonne méthode ?

par **foetus69** » 22 mars 2012, 16:12

Bonzour !!!

J'ai une petite colle et je voudrais vraiment partir de mon exemple.

Comment faire pour avoir des colonnes de même hauteur c'est à dire que tout le orange soit recouvert et pourquoi pas étirer ma div "m" jusqu'en bas soit 100% de la page de mon navigateur ?

J'ai essayé height:100% en vain...

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
<style>
#m{ background-color:#FC3; float:left; overflow:hidden;}
#g{ background-color:#66F; width:200px; float:left; }
#c{ background-color:#090; width:200px; float:left; }
#d{ background-color:#933; width:200px; float:left; }
</style>
</head>


<body>
<div id="m">
<div id="g">gauche gauche gauche gauche gauche gauche gauche gauche gauche gauche gauche gauche gauche gauche gauche gauche gauche gauche gauche gauche gauche gauche gauche gauche gauche gauche gauche gauche gauche gauche </div>
<div id="c">centre centre centre centre centre centre centre centre centre centre centre centre centre centre centre centre centre centre </div>
<div id="d">droite droite droite droite droite droite droite droite </div>
</div>
</body>
</html>

Bien à vous !

Féfé

colonnes div de même hauteur dans mon cas

Répondre

Étendre la vue Revue du sujet : colonnes div de même hauteur dans mon cas

Re: colonnes div de même hauteur dans mon cas

colonnes div de même hauteur dans mon cas