28173 sujets

CSS et mise en forme, CSS3

Bonjour,

J'arrive gentiment au bout d'un site que j'ai essayé de faire les choses le plus proprement possible, au vu de mes connaissances lacunaires et des trucs imposés par CMSmadesimple; mes pages sont valides XHML 1.0 transitional, les CSS s'en sortent avec des petits avertissements du genre " pas de couleur de fond"... mais il reste encore quelques "étrangetés" qui surgissent avec IE, sans que je ne comprenne trop pourquoi:

Pour commencer, les <li> de niveau 1 sont décalés vers la droite, comme s'ils avaient un margin/padding/ text-indent ... alors que les sous-menus "enfants" pas du tout.

le bout de css qui style mon menu:
#rubrique_gauche{
width: 176px;
float:left;
margin-right: 11px;
margin-top: 11px;
}

#rubrique_centre{
width: 176px;
float:left;
margin-top: 11px;
}
#rubrique_droite{
width: 176px;
float:right;
margin-top: 11px;
}

#rubrique_gauche .menu, #rubrique_centre .menu, #rubrique_droite .menu{
width: 165px;
}


.menu{
margin-top:11px;
margin-bottom:22px;
}

.menu li{
margin-top:11px;
text-transform: uppercase;
list-style-type: none;
}

.niveau1 a{
color: #3f3b3f;
text-decoration: none;
font-weight: bold;
}

.niveau2 a{
color:#8c8c8c;
font-weight: normal;
font-size: 95%;
}

.menu a:hover{
background-color: #CCFF00;
}

.menu p{
width: 155px;
margin-top:11px;
text-transform: none;
}


Pour info, j'utilise le reset d'Eric MEyer (oui, je sais, mais moi ça m'aide... Smiley cligne ) donc je ne vois pas du tout d'où ce décalage pourrait venir.

J'ai lu et essayé le truc sur le décalage des puces, mais non... et en plus je n'ai pas de puces Smiley confused

Une bonne âme aurait-elle réponse à mon problème?

Merci d'avance et bon après-midi
Modifié par firfelin (26 Sep 2007 - 09:17)
Modérateur
Salut,

Sur IE, les listes non ordonnées (ul) ont un margin-left par défaut et sur Firefox, c'est un padding-left mais si tu te sers du reset CSS, tu ne devrais pas le voir apparaître il me semble... D'ailleurs, je ne vois pas de différences sur IE6 avec le lien que tu donnes.
Comment ça pas de décalage??? Smiley biggol

Les "entetes" des menus en foncé/bold ne sont pas décalés d'une dizaine de px vers la droite par rapport au rest?
Modifié par firfelin (03 Sep 2007 - 14:01)
Modérateur
Je n'ai aucune différence entre Fx2 et IE6 là... Smiley confuse ... mais je ne dispose pas d'autres navigateurs là tout de suite... Smiley cligne
Ben... Smiley confused

J'ai du virer un truc problématique en faisant le ménage, ou je ne sais pas... je viens de recontrôler sur IE, et c'est bon Smiley confused

Vu l'inutilité flagrante de ce post, je propose donc qu'un modo le fasse disparaître...