Hello!
merci pour votre aide !
Mais je ne m'en sors pas...
j'ai l'impression (peut etre fausse) que ce ne sont pas mes flottants qui posent souci mais leur conteneur, qui sous ie s'adapate à son contenu, mais sous ff, laisse tout déborder...
j'ai essayé un overflow hidden sur le conteneur mais dans ce cas, le contenu est caché par le div "pied"...
Je suis désolé, mais je crois que j'ai du mal à comprendre...
voici monb code:
html, body {
margin:0; padding:0;
height: 100%;
font-family: Arial, Verdana, serif;
font-size: 15px;
color: #000000;
scrollbar-face-color:#C4E8F9;
scrollbar-highlight-color:#C4E8F9;
scrollbar-3dlight-color:#ACACCA;
scrollbar-darkshadow-color:#ACACCA;
scrollbar-shadow-color:#000000;
scrollbar-arrow-color:#000000;
scrollbar-track-color:D8BED6;
}
p {
margin-bottom: -1.2em;
}
img{
border: none;
}
#head {
width: 1003px;
height: 160px;
}
.entete {
background-image: url('dossier_css/head2006.jpg');
width: 1003px;
height: 100px
}
.logo {
width: 100px;
height: 100px;
float: left;
}
.banniere {
width: 903px;
height: 100px;
float: left;
text-align: center;
position: relative; top: 20px ;
}
#barresearch {
width: 1003px;
height: 15px;
background-image: url('dossier_css/menu2006.jpg');
}
#barremenu {
width: 1003px;
height: 60px;
background-image: url('dossier_css/menu2006.jpg');
}
.baffleg {
width: 100px;
height: 60px;
float: left;
text-align: center;
position: relative; top: 20px ;
}
.menu {
width: 803px;
height: 60px;
float: left;
text-align: center;
position: relative; top: 20px ;
}
.baffled {
width: 100px;
height: 60px;
float: right;
margin: right;
text-align: center;
position: relative; top: 20px ;
}
#contenu {
width: 1003px;
height: 80%;
background-image: url('dossier_css/body2006.jpg');
}
.ban {
float: left;
margin: left;
width: 135px;
height: 100%;
}
.online {
width: 135px;
height: 100px;
}
.forum {
width: 135px;
height: 35%;
overflow: hidden;
}
.liens {
width: 135px;
height: 300px;
}
.centre {
float: left;
width: 800px;
height: 100%;
overflow: visible;
}
.spacer{
clear: both;
}
#pied {
background-image: url('dossier_css/foot2006.jpg');
width: 1003px;
height: 50px;
text-decoration:none;
color: #FFFFFF;
position: relative;
bottom: 0;
}
.piedg {
width: 33%;
height:50px;
float: left;
}
.piedcentre {
width: 34%;
height: 50px;
float: left;
}
.piedd {
width: 33%;
height: 50px;
float: right;
}
#semaine {
width: 800px;
height: 750px;
}
.pad1 {
background-image: url('dossier_css/padjeux.jpg');
float: left;
width: 315px;
height: 200px;
margin-left: 50px;
margin-right: 50px;
overflow: visible
}
.pad2 {
background-image: url('dossier_css/padpeople.jpg');
float: right;
width: 315px;
height: 200px;
overflow: visible;
}
.pad3 {
background-image: url('dossier_css/padmeteo.jpg');
float: left;
width: 315px;
height: 200px;
margin-left: 50px;
margin-right: 50px;
margin-top: 50px;
overflow: visible;
}
.pad4 {
background-image: url('dossier_css/padcd.jpg');
float: right;
width: 315px;
height: 200px;
margin-top: 50px;
overflow: visible;
}
.pad5 {
background-image: url('dossier_css/padblog.jpg');
float: left;
width: 315px;
height: 200px;
margin-left: 50px;
margin-right: 50px;
margin-top: 50px;
overflow: visible;
}
.pad6 {
background-image: url('dossier_css/paddetente.jpg');
float: right;
width: 315px;
height: 200px;
margin-top: 50px;
overflow: visible;
}
.pad7 {
background-image: url('dossier_css/padevnt.jpg');
float: left;
width: 315px;
height: 200px;
margin-left: 50px;
margin-right: 50px;
margin-top: 50px;
overflow: visible;
}
Modifié par ogd (26 Oct 2006 - 12:17)
