Journal du Net > Développeurs > Contributions > Votre astuce CSS ?

APPEL
A CONTRIBUTION

Vous manipulez le langage CSS au quotidien pour concevoir des pages Web ? Vous avez certainement une astuce à partager ! Cet espace est pour vous.
Dossier Rubrique Client Web
Participez

IE6: positionnement float et margin doublé

Coralie

Quel est en 3 lignes l'objectif de votre astuce ?

Eviter qu'IE6 ne double le margin-left (ou right) lorsque le bloc est en float:left (ou right).

Décrivez votre astuce en détail. N'hésitez-pas à inclure des portions de codes.

Il suffit simplement de rajouter un display:inline sur le style du bloc en question.

Publié le 10 septembre 2008

Vos réactions

Réagir à cette contribution

Sébastien
Effectivement, problème bien connu sur IE6.Un élément flottant sera toujours du type block. Si tu forces l'élément avec un display inline, ton élément ne sera plus flottant et sera positionné dans le flux normal comme du texte. Pour éviter le margin-left X2 sur IE6, j'utilise à la place un padding-left. Tout simplement: )

Réagir vous aussi

Les dernières contributions

"Toutes vos images en CSS" Laurent Tuffraud, Saint Maurice

"Hack CSS ! Important" Frogweb

"Rappel des hacks CSS" Julien Lafont, Montpellier

"Infos bulle en CSS" Mathieu

"Flottant et positionnement: ça bug ?" Maxime Garcia, Grenoble

En ce moment sur Journal du Net Développeur

Comment abordez-vous le défi de la sécurité des applications ? Participez | 1 contribution

Vous avez recours à l'infrastructure Spring Participez

Quel est votre IDE préféré ? Participez | 12 contributions

Chrome Frame pour IE : qu'en pensez-vous ? Participez | 10 contributions