Bonjour,
Mon problème concerne cette page :
http://www.studio20.info/dazibao.html
Dans mon conteneur_global j'ai 2 blocs
Le bloc "contenu" qui contient le bloc de la galerie en javascript, puis je voudrais faire un autre bloc "contenudroite" qui se trouve a droite de "contenu". Pour ça j'ai utilisé la propriété float. Mais il y'a un pb avec le footer. Voyez par vous-même sur le lien.
J'essaye de trouver la solution depuis hier mais je ne trouve pas ou se situe le pb
Voilà le code css :
Merci!
Modifié par fixyou (06 Dec 2005 - 20:11)
Mon problème concerne cette page :
http://www.studio20.info/dazibao.html
Dans mon conteneur_global j'ai 2 blocs
Le bloc "contenu" qui contient le bloc de la galerie en javascript, puis je voudrais faire un autre bloc "contenudroite" qui se trouve a droite de "contenu". Pour ça j'ai utilisé la propriété float. Mais il y'a un pb avec le footer. Voyez par vous-même sur le lien.
J'essaye de trouver la solution depuis hier mais je ne trouve pas ou se situe le pb

Voilà le code css :
body
{
margin: 0px 0;
padding: 0;
text-align: center;
font: 0.8em "Trebuchet MS", arial, sans-serif;
background: #b7c6e8;
}
div#conteneur_global
{
position: relative;
width: 800px;
margin: 0 auto;
text-align: left;
border: 1px solid #6e93e8;
background: #fff;
}
h1#header
{ height: 150px;
background: url(design/header.jpg);
<span>margin: 0;
}
h1#header a
{
width: 800px;
height: 70px;
display: block;
position: relative;
top: 15px;
}
h1#header a span
{
display: none;
}
ul#menu
{
width: 600px;
height: 50px;
margin: 0;
padding: 0;
list-style-type: none;
}
ul#menu li
{
float: left;
text-align: center;
padding-left: 25px;
}
ul#menu li a
{
line-height: 15px;
font: 0.9em Arial;
font-weight: bold;
letter-spacing: 1px;
color: #ced5e5;
display: block;
text-decoration: none;
margin: 0 5px;
}
ul#menu li a:hover
{
color: #6e93e8;
}
div#contenu
{
float: left;
width: 400px;
padding: 0 20px 0 10px;
margin-bottom: 30px;
border-right: 1px dotted #ced5e5;
}
div#galerie
{
width: 300px ;
background: #fff ;
border: 1px solid #ced5e5 ;
padding: 15px ;
margin: 15px 30px ;
text-align: center ;
font: 0.9em Trebuchet MS, sans serif ;
}
ul#galerie_mini
{
margin: 0 ;
padding: 0 ;
list-style-type: none ;
}
ul#galerie_mini li
{
float: left ;
}
ul#galerie_mini li a img
{
margin: 2px 1px ;
border: 1px solid #fff ;
}
dl#photo
{
clear: both ;
margin: 0 auto ;
}
dl#photo dt
{
font: 2.5em/1.5em Trebuchet MS, sans serif ;
color: #fff ;
}
dl#photo dd
{
margin: 0 ;
}
dl#photo img
{
border: 1px solid #fff ;
}
div#contenudroite
{
width: 300px;
padding: 0 20px 0 10px;
margin-bottom: 30px;
}
p#footer
{
margin:0;
padding-right: 50px;
line-height: 30px;
text-align: center;
color: #b7c6e8;
font-size: 0.9em;
font-weight: bold;
}
p#footer a
{
color: #b7c6e8;
text-decoration: none;
}
Merci!
Modifié par fixyou (06 Dec 2005 - 20:11)