Bonjours a tous,
j'ai quelques problemes avec un nouveaux site : http://www.aminecherkaoui.com/
1er probleme :
j'aimerais que le centre prenne tout l'espace jusqu'au footer et que ca marche sur ie et firefox j'ai essayer plusieurs tentatives en mettant un height:100%; sur la classe centre, mais ca depasse le footer :s
2eme probleme :
les hoover s'affichent correctement sur firefox mais pas sur ie.
3eme probleme :
j'aimerais mettre une image sur la partie droite, comment puis je faire ca?
les css et le code utilisés :
Modifié par eagle84 (11 Mar 2007 - 20:47)
j'ai quelques problemes avec un nouveaux site : http://www.aminecherkaoui.com/
1er probleme :
j'aimerais que le centre prenne tout l'espace jusqu'au footer et que ca marche sur ie et firefox j'ai essayer plusieurs tentatives en mettant un height:100%; sur la classe centre, mais ca depasse le footer :s
2eme probleme :
les hoover s'affichent correctement sur firefox mais pas sur ie.
3eme probleme :
j'aimerais mettre une image sur la partie droite, comment puis je faire ca?
les css et le code utilisés :
<style type="text/css">
* {padding: 0; margin: 0;}
html, body {
height: 100%;
font: 0.9em "Trebuchet MS", helvetica, sans-serif ;
background: #33333 ;
}
#conteneur {
width: 790px;
margin: 0 0;
}
#header {
height: 109px;
background-color: #99CCCC;
}
#centre {
background-color:#9999CC;
position: relative;
width: 790px;
height:100%;
}
#pied {
height: 30px;
width: 790px;
position: absolute;
bottom: 0;
background-color: #99CC99;
text-align: center;
}
#header1 {
background-image: url(images/theme_01.gif);
height: 109px;
width: 296px;
float:left;
padding-left:0 px;
padding-right:0 px;
border: 0px;
}
#header2 {
background-image: url(images/theme_02.gif);
height: 109px;
width: 123px;
float: left;
}
#header3 {
background-image: url(images/theme_03.gif);
height: 109px;
width: 72px;
float: left;
}
#header3:hover {
background-image: url(images/theme_03_o.gif);
height: 109px;
width: 72px;
float: left;
}
#header4 {
background-image: url(images/theme_04.gif);
height: 109px;
width: 169px;
float: left;
}
#header4:hover {
background-image: url(images/theme_04_o.gif);
height: 109px;
width: 169px;
float: left;
}
#header5 {
background-image: url(images/theme_05.gif);
height: 109px;
width: 130px;
float: left;
}
#header5:hover {
background-image: url(images/theme_05_o.gif);
height: 109px;
width: 130px;
float: left;
}
</style>
</head>
<body>
<div id="conteneur">
<div id="header">
<div id="header1"></div>
<div id="header2"></div>
<div id="header3"></div>
<div id="header4"></div>
<div id="header5"></div>
</div>
</div>
<div id="centre">
ca c le centre qui ve pas s'arreter ...
</div>
<div id="pied">le footer
</div>
</body>
Modifié par eagle84 (11 Mar 2007 - 20:47)
