[résolu]Marge doublée sous ie avec float

Ralfman68

20 May 2006 à 18:28

Bonjour.

Voilà le html :

<body>
<div class="box"><div>
</body>

Voilà les css :


body {margin:0px;padding:0}
.box{float:left;border:1px solid #99b;padding:0px;margin:0px 0px 0px 10px;height:10px;width:28px;}

Pourquoi avec firefox ai-je une marge de dix pixels à gauche et avec ie une marge d'une vingtaine de pixels ?
Modifié par Ralfman68 (20 May 2006 - 18:47)

[neko]

20 May 2006 à 18:40

IE a toujours du mal avec les flottants combinés à des marges.

Bah voilà, la réponse d'Alan tombe à pic, comme l'homme du même nom. Smiley smile

Modifié par Smiley neko

(20 May 2006 - 18:46)

Alan

20 May 2006 à 18:43

Salut,
Tu auras toutes les explications sur cette page : http://www.positioniseverything.net/explorer/doubled-margin.html

La solution passe par l'ajout de display:inline dans le bloc de déclarations

Edit: enfin quand je dis toutes les explications, c'est un peu poussé :

a écrit :
Why is this happening? Don't ask such silly questions! This is IE, remember?

Modifié par Alan (20 May 2006 - 18:47)

Ralfman68

20 May 2006 à 18:47

Effectivement, ça fonctionne ! thanx Smiley smile

[neko]

20 May 2006 à 18:52

Idem, je viens de tester et j'ai pu corriger quelques CSS. Merci Ralfman68 pour la question et Alan pour la réponse. Smiley smile

C'est un comportement d'IE qui me posait problème mais que je n'avais pas vraiment identifié...
...encore quelques hacks en moins sur les feuilles de styles !
Modifié par Smiley neko

(20 May 2006 - 18:53)

CSS et mise en forme, CSS3

[résolu]Marge doublée sous ie avec float