une marge double pour ie6

**123quatre** · 25/03/2009, 03h27

Hello,

comment eviter que ie6 double la marge d'une div lorsqu'elle est en float:left ? Voilà mon code html/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
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <meta name="generator" content="PSPad editor, www.pspad.com">
  <title></title>
  </head>
  <body>
<style>
<!--
 #boxout{
  border:  1px red solid;
  width: 400px;
  height: 300px;
  padding-left: 10px;
 }
 
 #boxin1{
  border:  1px blue solid;
  width: 100px;
  height: 100px;
  float:left;
  margin-left:10px;
 }
 
 #boxin2{
  border:  1px blue solid;
  width: 100px;
  height: 100px;
  float:left;
  margin-left:10px;
 }
 
//-->
</style>
 
 
 
<div id="boxout">
 <div id="boxin1">
 
 </div>
 <div id="boxin2">
 
 </div>
</div>
  </body>
</html>

J'ai mis un margin-left de 10px à la div#boxin1 mais sous ie6 la marge fait 20px!! cf sreenshot en pj.

Merci de me dire comment eviter ce soucis ^^

**Bisûnûrs** · 25/03/2009, 09h31

Ce bug IE6 arrive lorsque tu donnes une marge gauche sur le premier élément d'une série de flottants à gauche, ou quand tu donnes une marge droite sur le premier élément d'une série de flottants à droite.

Pour corriger ce problème, tu peux mettre un display:inline sur tes éléments flottants.

Au passage, tu devrais utiliser un DOCTYPE complet, celui-que tu as là fait basculer IE en mode Quirks.
http://xhtml.developpez.com/faq/?pag...#html_doctypes

une marge double pour ie6

CSS

Vue hybride

Discussions similaires

Partager

Partager