Bonjour à Tous et bonne année,

j'ai un petit souci avec un de mes nouveaux sites, j'ai fait tout mon site en CSS, mais voila sous IE PC, c'est tout décalé de 50 pix...
Hors sous Safari, Firefox tout est nickel.

Une solution car là je sèche. (pour visualiser mes bloc j'ai mis des fonds, et contour)

http://www.pom.k6.free.fr/test-golf/[/url]

Merci d'avance.
Bonjour et bonne année!
On en vient tous un jour ou l'autre à rencontrer ce cas de figure puisque
il est très fréquent: un flottant qui a une marge latérale.
Tu es tombé sur le IE Doubled Float-Margin Bug.
Tu dois le corriger en ajouter un display:inline à tes règles:

#conteneur #menu et #conteneur #corps.

IE7 a corrigé ce bug et pratiquement tout les bug
cités dans la liste de positioniseverything.net mais le display:inline
n'aura aucun effet sur un élément flottant puisque la propriété float
annule la propriété display.
Modifié par Hermann (08 Jan 2007 - 11:54)
Hermann a écrit :
mais le display:inline
n'aura aucun effet sur un élément flottant puisque la propriété float
annule la propriété display.

En fait non : la propriété float (avec pour valeur left ou right) prend le pas sur display: inline et sur display: block, mais pas sur display: none, par exemple.
Modifié par mpop (08 Jan 2007 - 13:08)
mpop a écrit :

En fait non : la propriété float (avec pour valeur left ou right) prend le pas sur display: inline et sur display: block, mais pas sur display: hidden et display: none, par exemple.


Ok oui en effet j'avais omis la valeur none mais la valeur hidden n'existe pas
pour display, tu fais une confusion avec visibility à moins que ça soit un futur
implémentation de CSS3?
Hermann a écrit :
mais la valeur hidden n'existe pas pour display, tu fais une confusion avec visibility à moins que ça soit un futur implémentation de CSS3?

Oups, autant pour moi. Smiley confused

Edit : par contre, je me demande ce que ça donnerait avec display: run-in, display: list-item, ou encore display: table|table-cell...
Modifié par mpop (08 Jan 2007 - 13:10)