28172 sujets

CSS et mise en forme, CSS3

Bonjour,
j'ai un espacement qui se fait entre mon id="cadres" et mon id="titre" uniquement sous IE, et je ne vois pas d'où cela peux venir:

HTML
<div id="conteneur2">

<div id="titre">
<span id="titre_echo"></span>
<span id="titre_news"></span>
<span id="titre_contact"></span>
</div>

<div id="cadres">
<span class="cadre_echo"></span>
<span class="cadre_echo"></span>

</div>
</div>



CSS

/* cadres bas de pages */ 

#conteneur2{
margin-left:
}

/*titre*/
div#titre{
list-style-type: none;
margin-top:36px;
margin-left:70px;}

div#titre li{
float:left;
}

#titre_echo{
background: url(images/titre_echo.png) no-repeat;
width:117px;
height:25px;
float:left;
}

#titre_news{
background: url(images/titre_news.png) no-repeat;
width:84px;
height:25px;float:left;
}

#titre_contact{
background: url(images/titre_contact.png) no-repeat;
width:60px;
height:25px;float:left;
}
/* fin titre */



/*cadres*/

div#cadres{
list-style-type: none;
margin-left:65px;
height:204px;
clear:left;
}

div#cadres span.cadre_echo{
background:url(images/cadre_echo.jpg) no-repeat;
width:19px;
height:179px;
float:left;
margin:0px;
vertical-align:top;
}



/*fin cadres*/



une idée? Smiley smile
Modifié par mackean (03 Oct 2008 - 10:40)
Hello,

Tu as trois flottant dans #titre sans remettre dans le flux leur conteneur. Essaie de rajouter un overflow:hidden à #titre pour voir.

Ensuite tu a une regle non valide :
#conteneur2{
margin-left:
}

Peut-être est-ce elle qui gene le parseur de IE6, donc le doute, corrige