28173 sujets

CSS et mise en forme, CSS3

J'ai 1 triple colonnage, les 2 1ères colonnes en float et la 3ème en absolute pour qu'elle puisse dépasser du container quand le format de pub est très large.
Ca fonctionne très bien dans Fx mais pas dans ie.
J'ai cherché partout, mais sans résultat...
Merci pour votre aide

Le css :

* {
padding:0;
margin:0;
}

.container {
width:983px;
margin:0 auto;
position:relative;
background:#CCCCCC
}

.leftCol {
width:120px;
float:left;
margin-right:19px;
background:#00FF99;
height:300px;
}

.content {
float:left;
width:524px;
margin-right:19px;
background:#CCFF00;
height:300px;
}

.rightCol {
margin-right:19px;
background:#CC0000;
height:200px;
position:absolute;
top:50px;
left:682px;
}

.rightCol span {
display:block;
background-color:#000;
width:360px;
height:100px;
}

hr {
clear:both;
visibility:hidden;
}


Le xhtml :

<div class="container">
<div class="leftCol">&nbsp;</div>
<div class="content">&nbsp;</div>
<div class="rightCol"><span>&nbsp;</span>&nbsp;</div>
<hr />
</div>

Modifié par mojopin (10 Oct 2006 - 16:01)