Hello,
je me suis mis au css depuis qqes jours, et je constate qu'internet explorer n'affiche pas du tout de la mème manière que firefox.
Entre autre, j'ai simplement voulu créer une bare de navigation verticale avec 3 liens. Celle ci s'affiche parfaitement sous firefox, mais sous IE ca merde (les liens s'affichent en escalier...).
Quelqu'un connait-il un moyen de régler le problème que je rencontre sous IE?
Le XHTML:
Le CSS style.css:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17 <!DOCTYPE html PUBLIC "//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" > <head> <title>Exemple de barre de navigation verticale</title> <meta httpequiv="ContentType" content="text/html; charset=iso88591" /> <link rel="stylesheet" media="screen" type="text/css" title="Test du css" href="style.css" /> </head> <body> <ul id="navig"> <li class="first"><a href="index.html">Home</a></li> <li><a href="index.html">A propos</a></li> <li><a href="index.html">Quoi de neuf?</a></li> <li><a href="index.html">Help</a></li> </ul> </body> </html>
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22 #navig, #nav li { float: left; list-style: none; margin: 0; padding: 0; } #navig { font-family: Verdana, Geneva, Helvetica, sans-serif; font-size: .82em; background-color: #DDD; } #navig li a { border-color: #000; border-width: 1px 1px 1px 0; /* 0 a gauche pour éviter les superpositions*/ border-style: solid; float: left; padding: 3px; } #navig li.first a { /* Pour obtenir le bord de gauche de la première case */ border-width: 1px; }
Partager