28173 sujets

CSS et mise en forme, CSS3

Pages :
Modérateur
(reprise du message précédent)

bonjour,


display:table;

cette regle css ,(parmis d'autres voir faq : http://forum.alsacreations.com/faq/#item6 ) , permet a firefoxe entre autres , d'englober les flottants qui seront placé dans le conteneur.

width:100%;

Ceci va permettre a IE de doté le conteneur de "haslayout" et de le rendre visible.
http://www.test.blog-and-blues.org/haslayout/trad_temp.html
(accessoirement , permettrait a safari de laisser les 2 flottants cote a cote conjointement avec le display:table; au lieu de les faires passer a la ligne en compressant au maximum le conteneur , seulement dans le cas du display:table; ... si tu pouvait confirmer ou non ce comportement Smiley smile en testant dans safari sans le width:100%;. )


display:inline;

IE a un bug sur les flottants .. la marge gauche se trouve doublée ! , en appliquant un display:inline; cette erreur disparait sans modifier le comportement du flottant. C'est un bug d'IE assez bien connu .
#droite n'a pas besoin de cette "rectification" pour IE , car le "bug" n'y est pas provoqué.

a écrit :
en tout cas merci pour ton aide!


Je t'en pris , c'est le principe d'un forum , si ce n'est pas moi ce sera un autre , de plus quand on y perçoit une veritable volonté de comprendre et pas seulement une recherche de soluce toute faite , c'est agreable de filer un coup de main la ou on peut.

bonsoir Smiley smile
wéooo...wéaaa...

je viens de tester sous Safari en enlevant la propriété:

width:100%;


et tout s'affiche correctement.
Pages :