28173 sujets

CSS et mise en forme, CSS3

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)



#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)
Bonsoir n0urs,
Dans ces cas là on confère le layout au conteneur du tableau
Le conteneur étant #sports essaie d'ajouter ceci :
#sports {zoom:1}

Si ça fonctionne, tu pourras indiquer tout ça en commentaire conditionnel en l'associant à height:1% pour IE 5.01 (tu trouveras plus de précisions sur la manière de s'y prendre dans l'article dont j'ai donné le lien)

Sinon as-tu vérifié la page avec IE 6 ? il semble en effet y avoir un autre problème.
Modifié par Alan (15 Jan 2007 - 23:11)
Finalement j'ai opté pour l'utilisation d'une taille fixe en largeur.

je prends quand même note de ton lien, pour le travailler plus profondément si le problème réapparait.

Sinon, je ne peux pas tester sous IE 6, étant donné que je ne l'ai pas.

J'ai juste pu tester sous IE 7 et FF.

Merci Smiley smile