Des images valent mieux qu'un long texte pour expliquer le problème:
Sous IE:
http://img166.imageshack.us/img166/4874/ie1ml0.png
Sous FF:
http://img409.imageshack.us/img409/7356/ff1iu2.png
Au niveau du code pour le <h1> (le gros titre)
et pour le tableau de sous menu (celui qui dépasse sous IE)
et le code HTML correspondant:
Donc, en fait d'après ce que j'ai compris, le tableau ne se met pas à la largeur de la div en présence de la scrollbar...
Et je n'arrive pas à trouver comme résoudre ce problème. J'ai pensé à l'utilisation d'une largeur fixe, mais existerait-il une autre possibilité?
(pour voir le site, pour peut-être mieux visualiser le code: http://dablox.free.fr/MJC/?p=sports.php )
Merci à vous d'avance!
Modifié par n0urs (16 Jan 2007 - 00:22)
Sous IE:
http://img166.imageshack.us/img166/4874/ie1ml0.png
Sous FF:
http://img409.imageshack.us/img409/7356/ff1iu2.png
Au niveau du code pour le <h1> (le gros titre)
#contenu h1 {
font-size: 22px;
color: #34486d;
background: #ffa201;
padding-top: 5px;
padding-bottom: 5px;
}
et pour le tableau de sous menu (celui qui dépasse sous IE)
#lien {
width: 100%;
font-size: 14px;
}
et le code HTML correspondant:
<h1>Activités sportives</h1>
<table id="lien" cellspacing="0" border="0">
<tr>
<td><div align="center"><a href="#basket">Basket-ball</a></div></td>
<td><div align="center"><a href="#tdt">Tennis de table</a></div></td>
<td><div align="center"><a href="#bg">Baby Gym</a></div></td>
<td><div align="center"><a href="#judo">Judo</a> </div></td>
<td><div align="center"><a href="#foot">Football</a></div></td>
</tr>
</table>
Donc, en fait d'après ce que j'ai compris, le tableau ne se met pas à la largeur de la div en présence de la scrollbar...
Et je n'arrive pas à trouver comme résoudre ce problème. J'ai pensé à l'utilisation d'une largeur fixe, mais existerait-il une autre possibilité?
(pour voir le site, pour peut-être mieux visualiser le code: http://dablox.free.fr/MJC/?p=sports.php )
Merci à vous d'avance!
Modifié par n0urs (16 Jan 2007 - 00:22)