Bug position absolute sous IE7 ? [résolu]

Bonjour à tous,

Sur ce site que je suis en train de réaliser :
http://www.bigbangmag.com/site3/
J'ai placé, dans le cadre du bas (en position relative), un image png en position absolute.

Celle-ci s'affiche parfaitement sous Firefox et Opera, mais pas du tout sous IE(7).

Est-ce mon code qui est en défaut, ou un bug sous IE ?

A+,
Olivier
Modifié par Molusk (11 Oct 2007 - 12:57)

Bonsoir,
a priori on a à faire à un bug assez étrange d'IE7 : le div vide dégagé (doté de la propriété clear) fait disparaitre ton image.
Tu dois donc supprimer ce div et passer par une autre solution de prise en compte d'enfants flottants qui n'implique pas de balisage supplémentaire > la propriété overflow avec la valeur auto ou hidden, cette dernière étant à privilégier pour être sure de ne pas voir apparaître les scrollbars qu'entraîne parfois la valeur auto.

Lire les commentaires

#contbas {
clear: both;
padding-right: 9px;
overflow: hidden;
background: url(images/fdbasht0.jpg) no-repeat 0 top; /*propriété raccourcie*/
}

.propbas {
height: 260px;
float: right;
width: 1px;
}

Si ton image est placée en haut du bloc, tu n'as pas besoin de lui donner une positionnement absolue, des marges suffisent:

<img style="position:relative; margin-left: 250px; margin-top: -8px" src="baffaire.png" width="227" height="69" alt="Bonnes affaires" />

Le position:relative est nécessaire pour IE6 afin déviter d'avoir l'image rognée sur la hauteur de la marge négative.

Info: la valeur absolute de la propriété position fait passer la valeur de display à block de manière transparente donc le display:block est superflu.
Modifié par Hermann (11 Oct 2007 - 10:51)

Un grand merci pour cette explication !

J'étais en train de devenir fou avec ce problème de positionnement, j'ai maintenant plein de solutions pour y remédier.

Ok n'oublies pas de marquer ton sujet comme [résolu].