(x)HTML / CSS : problème d'overflow ?

Bonjour,

Voila je suis en train de faire un site web.

Tout s"affiche correctement sur IE7, FF, Chrome ... mais j'ai un problème que je n'arrive pas à résoudre sur IE6 :

j'ai une div dans laquelle je met une image en lien et à laquelle j'applique un position: relative de 5 pixels par rapport au haut de la div parent. Elle sort donc un peu de sa div parent.

La partie de l'image qui sort de la div parent s'affiche bien dans FF et IE7 mais est cachée dans IE6.

Comment faire?

J'ai déjà essayé de mettre un overflow: visible ou auto pour IE6 mais sans succès??

Voici mon code :

(x)HTML :

<div id="cadre2_main_">

<div id="cadre2_main">

</div>

<div id="cadre2_footer">

<p>

<a href="http://www.emissions-cultes.com"><img/ src="decor/cadre2/adresse_site.jpg" alt="Emissions-Cultes" title="Emissions-Cultes" /></a>

</p>

</div>

</div>

et voici le code CSS :

/*CONTENU PRINCIPAL DU CADRE 2*/

#cadre2_main_

{

width:800px;

height:820px;

background-color: #ffffff;

float: left;

}

#cadre2_main

{

width:800px;

height:804px;

float: left;

}

#cadre2_footer

{

width:800px;

height:16px;

float: left;

}

#cadre2_footer p

{

text-align:center;

margin:0;

padding:0;

position:relative;

top:5px !important;

top:0;

}

Please enter comments
Please enter your name.
Please enter the correct email address.
You must agree before submitting.

Answers & Comments


Helpful Social

Copyright © 2024 1QUIZZ.COM - All rights reserved.