[résolu] Position:absolute et décalage sur IE7

Bonjour à tous,

Je suis face à un problème qui me résiste fortement !

Au cours d'une intégration xhtml/css j'ai choisi d'afficher une image (le logo) à un endroit bien précis de la page. Pour ce faire, j'ai placé mon div en absolute avec des marges et un z-index.

Objectif atteint, sauf sur IE qui me décale le logo à droite !

Pourriez-vous me venir en aide ?

La page : http://www.maxime-viry.com/atout/

La css : http://www.maxime-viry.com/atout/squelette/atout.css

D'avance je vous remercie.
Modifié par Maxime VIRY (08 Jan 2009 - 16:04)

Bonjour,

Très brièvement: IE6 et dans une certaine mesure IE7 n'aiment pas des masses le positionnement absolu «implicite» (où les propriétés de coordonnées telles que left, top, right et bottom sont à "auto"). Donc il te faut utiliser par exemple left et top, plutôt que des margin-top et margin-bottom.

Bien sûr, pour que ça soit gérable il faudra positionner le conteneur en relatif pour qu'il serve de référent à ses enfants et descendants positionnés en absolu. Mais c'est le B.A.-ba du positionnement absolu, donc je ne te ferai pas l'injure de coller ici l'URL d'un article de base sur le positionnement absolu qui décrit ce mécanisme.

Quelle nouille!

Merci Florent
Modifié par Maxime VIRY (08 Jan 2009 - 16:04)