chocoler
mercredi 13 décembre 2006 à 16:25
A l'aide !
Apres avoir positionner mes Div en float j'arrive sur le fameux problème de margin
Sous FF c'est a peut pret bien positionné, et sur IE 6 c'est pas terrible (le bloc droit est en bas)
auriez vous une astuce pour contourner ce probleme venant d'IE ?
CSS :
CODE
/*----------------------*/
/* STYLE */
/*----------------------*/
html, body {
background-color:#EAEAEA;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
height:800px;
width: 100%;
}
h2 {
background-image: url(html/images/cartouche.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
}
/*----------------------*/
/* HAUT */
/*----------------------*/
#conteneur {
background-color:#FFFFFF;
width:1000px;
min-height: 100%;
}
#banniere {
width:1000px;
height:75px;
background-color: #FFFFFF;
background-image: url(images/banniere.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
}
#nav {
width:1000px;
height:25px;
}
/*----------------------*/
/* GAUCHE */
/*----------------------*/
#gauche {
float:left;
width:164px;
margin-left: 19px;
}
#semaine {
float:left;
width:164px;
height:294px;
margin-right: 14px;
margin-bottom: 8px;
}
#sortie {
width:164px;
height:214px;
}
/*----------------------*/
/* CENTRE */
/*----------------------*/
#centre {
float:left;
width:607px;
}
#mise-en-avant {
width:607px;
height:211px;
margin-right: 10px;
}
#news {
width:542px;
height:187px;
margin-left: 65px;
}
#concerts {
width:542px;
height:145px;
margin-left: 65px;
}
/*----------------------*/
/* DROITE */
/*----------------------*/
#droite {
display:inline;
margin-left:25px;
width:170px;
float:left;
}
#chroniques {
width:150px;
height:440px;
}
#tournees {
width:170px;
height:151px;
}
HTML :
CODE
<body>
<div id="conteneur">
<!-- ########### -->
<!-- ## HAUT## -->
<div id="banniere"></div>
<div id="nav">
<img src="images/nav.gif" width="1000" height="25" alt="">
</div>
<!-- ########### -->
<!-- ## GAUCHE ## -->
<div id="gauche">
<div id="semaine">
<img src="images/semaine.gif" width="164" height="294" alt="">
</div>
<div id="sortie">
<img src="images/sortie.gif" width="165" height="214" alt="">
</div>
</div>
<!-- ########### -->
<!-- ## CENTRE ## -->
<div id="centre">
<div id="mise-en-avant">
<img src="images/mise-en-avant.gif" width="607" height="211" alt="">
</div>
<div id="news">
<img src="images/news.gif" width="542" height="187" alt="">
</div>
<div id="concerts">
<img src="images/concerts.gif" width="542" height="145" alt="">
</div>
</div>
<!-- ########### -->
<!-- ## DROITE ## -->
<div id="droite">
<div id="chroniques">
<img src="images/chroniques.gif" width="170" height="440" alt="">
</div>
<div id="tournees">
<img src="images/tournees.gif" width="170" height="151" alt="">
</div>
</div>
</div>
</body>
La page se trouve ici :
Maquette franchuta
