Journal du Net > Développeurs > Contributions > Votre astuce CSS ?
Contribution précédente Contribution suivante

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

 Flottant et positionnement: ça bug ?  

Maxime Garcia , Grenoble

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

Une petite astuce qui a marché bien des fois et a résolu bien des problèmes. A essayer d'urgence !

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

J'ai bien souvent eu des problèmes de positionnement bizarre tant en absolu qu'en flottant.

Pour les résoudre, j'essaye toujours cette astuce d'abord.

Sur l'élément en question et son parent direct, mettre:
position: relative; zoom: 1;

Le zoom est pour forcer IE6 à prendre le layout et donc à prendre en compte la position: relative. Même si non standard, il est à placer systématiquement avec position: relative; sous peine de voir ses flottants placés très bizarrement sous IE6.

Publié le 17 décembre 2008

Sébastien
Il n'y a aucun bug... A retenir: Un élément ayant le positionnement absolu est positionné (avec les propriétés top, left, right et bottom) par rapport à l'élément parent le plus proche ayant la position relative. C'est une règle venant des spécifications du W3C. Tous les navigateurs (même iIE6) respectent cette règle. La propriété zoom n'a aucune utilité dans ce cas
Contribution précédente Contribution suivante
20 contributions : 1 2 3 4 5 6 7 8 9 10 11 12 13 ... 20
 




 

RECHERCHE