[W3C] FOOTER mal positionné dans une colonne
Bonjour,
oui je sais il ya eu des sujets semblables dans les parrages mais je n'ai pas trouvé qui rentrent dans mon cas.
ça marche super sur IE mais pas sous Firefox (pour une fois.... )
en fait je veux placer une Div en tant que footer. Attention, pas d'une page mais d'une "colonne" comme en bas de cette page (crédits photos en dessous des photos)
pour ça, j'ai ce code :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
| <TD id="td_rn" class="yellow_rn">
<ul class="ul_photos">
<li class="li_photos"><img src="../Pics/carte-chiclayo.gif" width="180" alt="Chiclayo - Carte du Pérou"></li>
<li class="li_photos"><img src="../Photos/chiclayo_01.jpg" width="180" alt="Chiclayo, Perou - cathédrale"><br>Cathédrale de Chiclayo</li>
<li class="li_photos"><img src="../Photos/chanchan_01.jpg" width="180" alt="Chiclayo, Perou - Chan chan"><br>Ruines de Chan Chan</li>
</ul>
<div class="links_rn">
<h4>Chiclayo : liens en relation</h4>
<a href="" class="">Ruines de Chan Chan</a><br>
<a href="" class="">Señor de Sipan</a><br>
<a href="" class="">Trujillo</a>
</div>
<div id="td_rn" class="credits_rn">
Crédits photo cathédrale :<br> Prom Perù
</div>
</TD> |
et le CSS correspondant :
Code:
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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
| /*--------- RIGHT_NAV ---------*/
#td_rn {
position: relative;
width: 180px;
vertical-align: top;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #444444;
text-align: center;
}
h4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #444444;
font-weight: normal;
text-decoration: underline;
padding-bottom: 5px;
margin: 0;
}
.links_rn {
background-color: #FCD769;
text-align: center;
padding: 8px 0 8px 0;
margin: 30px 0 0 0;
}
.credits_rn {
position: absolute;
bottom: 0;
width: 180px;
background-color: #FCD769;
/*text-align: center;*/
padding: 10px 0 10px 0;
}
.ul_photos {
list-style-type: none;
padding: 10px 0 0 0;
margin: 0;
}
.li_photos {
padding-bottom: 10px;
}
.yellow_rn {
position: absolute;
background-color: #F8E38E;
bottom: 0;
} |
voilà, je pense avoir fait tout mon possbile mais le footer persiste :evil: à rester juste en dessous du DIV links_rn. Que ce soit sous IE ou FF.
Que faire?
Pour info, je vais passer un site aux normes W3C et je fais tout ceci sur une page de tests. Jusqu'ici tout allait bien mais là, je sature.
merci de votre aide :D
