Bonjour,
J'ai remarqué en cherchant sur Google qu'il est très difficile d'aligner des éléments verticalement sans utiliser de tableaux. Il y a des trucs comme
display: table-cell, mais ceux-ci ne fonctionnent pas avec IE<7. J'ai aussi trouvé des trucs pour centrer verticalement un élément avec des marges, mais ceux-ci demandent souvent que la division extérieure ait une hauteur fixe. Dans mon cas, elle a une longueur variable.
Voici le schéma de mon site. L'image qui s'y trouve est celle que je veux aligner en bas de la division qui la contient.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30
| <body>
<div id="entete"> ... </div>
<div id="conteneur_principal>
<div id="menu" style=" float: left; width: 200px; height: 100%;">
<ul>
<li>lien 1</li>
<li>lien 2</li>
<li>lien 3</li>
<li>lien 4</li>
</ul>
<img id="image_que_je_veux_aligner_en_bas" src="" alt="" />
</div>
<div id="contenu" style=" width: 500px; height: 100%; float: left;">
.................
</div>
</div>
<div id="footer"> ... </div>
</body> |
Partager