IE6 et CSS...

Bonjour à TOUS,
j'ai 2 problemes qui surviennent sous IE6 :
-les images de la programmation bougent (j'ai l'impression qu'elles prennent en compte une css, et dans un 2nd temps, une autre)
voir sur : http://www.tlv-nice.org/programmation2007
-la colonne de droite contenant les menus ne s'affichent pas. (pour le moment je les ai disposé sur la gauche)

le site fonctionne parfaitement sous les autres IE, Mozilla & Opera.

voici ma css :

.withleft #main {
margin-left:219px;
}

.withright #main {
margin-right:220px;
}

#left {
float:left;
margin-left:-100%;
padding:6px 8px 20px;
_padding:23px 8px 20px;
width:204px;
}

*+html #left {
float:left;
margin-left:-100%;
padding:23px 8px 20px;
width:204px;
}

#right {
position:absolute;

top:113px;
right:10px;
padding-right:11px;
_padding-right:17px;
width:204px;
}

*+html #right {
position:absolute;
top:113px;
right:10px;
padding-right:17px;
width:204px;
}

Merci beaucoup[code]
Modifié par Guim (03 Aug 2007 - 18:30)

Bonjour et bienvenue parmi nous, Guim

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle.

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation

ok !

bonjour à tous,
j'ai trouvé une solution pour l'affichage des menus sous ie6 :

#left {
float:left;
margin-left:-100%;
padding:6px 8px 20px;
_padding:23px 8px 20px;
width:204px;
height:100%;
}

*+html #left {
float:left;
margin-left:-100%;
padding:23px 8px 20px;
width:204px;
height:100%;
}

/* mozilla opera */
#right {
position:absolute;
top:113px;
right:10px;
padding-right:11px;
padding-left:3px;
width:204px;
height:100%;
_top:0px;
_right:220px;
_position:relative;
_float:right;
_margin-right:-100%;
_padding:23px 8px 20px;
_width:204px;}


/* ie7 */
*+html #right {
position:absolute;
top:113px;
right:10px;
padding-right:17px;
width:204px;
height:100%;
}

voili voilou !
Modifié par Guim (08 Sep 2007 - 15:18)

Ta feuille de style est invalide, les hacks n'ont jamais été une bonne manière de régler les problèmes, surtout lorsque des solution pérennes existent…