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.
Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
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