marge gauche sous IE6.

**tintin72** · 11/12/2008, 09h32

Bonjour,

J'ai un pb de marge gauche invisible sous IE6.
Dans mon code j'ai 3 div cote à cote (contenus dans un div global).
Il y a une liste dans le div de gauche et du texte dans celui du milieu.
Voici le code très simplifié:

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
23
24
25
26
27
28
29
30
 
<div style="overflow: hidden; margin-top: 20px; 
width: 1048px; border: 1px solid black;">
 
<div style="float: left; width: 170px; border-right: 1px solid black;">
<ul>
<li><a href="">élément 1</a></li>
<li><a href="">élément 2</a></li>
<li><a href="">élément 3</a></li>
<li><a href="">élément 4</a></li>
</ul>
</div>
 
<div style="float: right; width: 210px;">
</div>
 
<div style="margin-left: 170px; margin-right: 210px;">
Texte<br />
Texte<br />
Texte<br />
Texte<br />
Texte<br />
Texte<br />
Texte<br />
Texte<br />
Texte<br />
Texte<br />
</div>
 
</div>

Le pb c'est que sous IE6, dans le div du milieu, il y a une marge gauche de 4, 5 px
qui est présente sur toute la hauteur de la liste.
Après le texte se remet complètement à gauche.
Je suppose que c'est donc l'élément liste qui pose pb avec IE6.

Quelqu'un pourrait-il m'aider ?

Merci.

**c_s_s** · 11/12/2008, 10h09

Bonjour,

Ce que tu vois est dû à un bug IE6 assez répandu : le "three pixel jog".

Pour corriger ça, il faut (pour IE6 uniquement) :

1- ajouter un zoom:1 sur ta colonne centrale
2- mettre un margin-right: -3px sur ta colonne de droite
3- réduire le margin-left de 3px sur ta colonne centrale (donc margin-left: 167px au lieu de margin-left:170px

Le 1 va permettre de bien aligner le texte.
Les 2 et 3 vont corriger les marges qui étaient décalées.

**tintin72** · 11/12/2008, 10h23

Merci beaucoup pour ta réponse.

Mais si je comprend bien il n'y a que IE6 qui a ce pb, donc
ces modifications vont affecter (en mal) les autres browsers (où tout
s'affiche correctement en temps normal).
Comment faire pour concilier les deux ?

**c_s_s** · 11/12/2008, 10h38

Tu peux ne faire ces modifications que pour IE6.

Il suffit d'utiliser les commentaires conditionnels et appeler une feuille de style destinées aux corrections IE6.