salut tout le monde, j´ai un probleme avec les menus de mon site, en effet il s´affichent tout à fait correctement sous firefox, ils sont regulié et tout, mais sous IE, il sont assez bizare ( pas aligné, texte qui revient a la ligne).

j´utilise le CSS pour ma mise en page, et j´ai mis le padding a 0px, le texte a gauche...rien a faire

Donnes-nous le code en entier.

Les réactions de IE et firefox sont différentes faces aux CSS, notamment parce qu´IE ne comprend pas toutes les propriétés ; )

voici le code :

partie xhtml:
< div class="menu">
< ul>
< li><a href="Articles.html">Articles divers</a></li>
< li><a href="faq.html">F.A.Q.</a></li>
< li><a href="contact.html">Contact</a></li>
< /ul>
< /div>

( pour le menu)

partie CSS:
. menu
{
float: left;
width: 120px;
margin-top: 65px;

}

. menu ul
{
list-style-type: none;
list-style-position: inside;
padding: 0px;
}

. menu li
{
text-align: left;
border-bottom: 1px solid red;
border-right: 1px solid red;
margin-bottom: 5px;
padding: 0px;
}

. menu a
{
text-align: left;
text-decoration: none;
font-variant: small-caps;
font-weight: bold;
color: black;
}

. menu a:hover
{
text-decoration: none;
font-variant: small-caps;
font-weight: bold;
color: red;
}

. menu a:active
{
text-decoration: none;
font-variant: small-caps;
font-weight: bold;
color: black;
}

. menu a:visited
{
text-decoration: none;
font-variant: small-caps;
font-weight: bold;
color: grey;
}

voila

PS: j´ai rajouté un margin-left: 0px; pour les balises . menu li et . menu ul, c´est un peu mieu mais mes lien uex reviennet encore à la ligne, et ils sont décallé.

en fait on dirai que IE n´applique pas la propriété list-style-position: inside;
il y a moyen d´arranger ça?

Moi j´ai le même probléme mais c´est l´inverse : c´est correct sous IE mais pas sous firefox.
Je sais que c´est à cause de la syntaxe des CSS différente selon les deux navigateurs mais faudrais savoir comment résoudre ce probléme

IE comprend list-style-position :/

http://fr.selfhtml.org/css/proprietes/listes.htm#list_style_position

C´est peut-être la définition des marges qui ne fonctionne pas. Chez moi sur IE ça ne marche pas en tout cas !