Bonjour,
J'ai un problème avec un background pour un site en construction, en fait, il s'affiche pas. Celui qui ne s'affiche pas, c'est le bgcontenu.gif. En fait il s'affiche, mais seulement si je spécifie une taille à mon div#contenu. Comment faire pour qu'il suive la taille de div#gauchet et div#droite?
Mon CSS:
Mon code Html:
Merci d'avance.
Eric
Modifié par le rouge (19 Mar 2006 - 15:51)
J'ai un problème avec un background pour un site en construction, en fait, il s'affiche pas. Celui qui ne s'affiche pas, c'est le bgcontenu.gif. En fait il s'affiche, mais seulement si je spécifie une taille à mon div#contenu. Comment faire pour qu'il suive la taille de div#gauchet et div#droite?
Mon CSS:
* {
border: 0;
margin: 0;
padding: 0;
font-family: arial;
font-size: 10pt;
font-weight: normal;
color: #000;
text-align: justify;
text-shadow: black;
text-decoration: none;
list-style-type: none;
}
body {
background-color: #eaeaea;
}
/* ------------------------------------------
/* Structure
/* ------------------------------------------
*/
#site {
width: 880px;
background-image: url('images/background/bg.gif');
}
#site, #banniere, #courbe, #contenu, #menu, #bas, #gauche .bouton {
margin: auto;
text-align: center;
}
#banniere, #courbe, #contenu, #menu {
width: 800px;
}
/* ------------------------------------------
/* Banniere
/* ------------------------------------------
*/
#banniere {
height: 200px;
background-image: url('images/background/banniere.gif');
}
/* ------------------------------------------
/* Courbe sous menu
/* ------------------------------------------
*/
#courbe {
height: 49px;
padding: 0 0 10px 0;
background-image: url('images/background/courbe.gif');
}
/* ------------------------------------------
/* Contenu
/* ------------------------------------------
*/
#contenu {
height: 463px;
background-image: url('images/background/bgcontenu.gif');
}
/* ------------------------------------------
/* Gauche Droite
/* ------------------------------------------
*/
#gauche, #droite {
float: left;
width: 200px;
padding: 10px 5px 0 5px;
}
#gauche h1, #droite h1 {
font-size: 10pt;
font-weight: bold;
text-indent: 5px;
margin: 0 0 10px 0;
}
#gauche ul {
margin: 0 0 10px 0;
}
#gauche ul li, #gauche p {
font-size: 8pt;
color: #666;
margin-left: 15px;
}
#gauche p {
margin-bottom: 10px;
}
#gauche .box, #gauche .bouton {
width: 150px;
margin: 0 0 10px 0;
border: 1px solid #666;
display: block;
}
#droite {
width: 550px;
height: 100%;
padding: 0 10px;
background-image: url('images/background/bgbout.gif');
background-repeat: no-repeat;
background-position: bottom right;
}
#droite h1 {
font-size: 12pt;
background-color: #f8f8f8;
}
/* ------------------------------------------
/* Bas
/* ------------------------------------------
*/
#bas {
width: 880px;
height: 74px;
clear: both;
background-image: url('images/background/bgbas.gif');
}
#bas p, #bas p a {
color: #000;
font-size: 8pt;
padding-top: 10px;
text-align: center;
}
#bas p a {
color: #555;
}
#bas p a:hover {
border-bottom: 1px dotted #394651;
}
/* ------------------------------------------
/* Menu
/* ------------------------------------------
*/
#menu {
height: 25px;
padding-bottom: 5px;
background-color: #fff;
}
#menulist li {
float: left;
width: 80px;
}
#menulist li a {
color: #555;
padding: 3px 5px 3px 5px;
text-align: center;
display: block;
}
#menulist li a:hover {
color: #039;
cursor: pointer;
background: #f8f8f8;
border-bottom: 3px solid #bbb;
}
#menulist li a span {
color: #0000ff;
cursor: pointer;
border-bottom: 3px solid #999;
}
#menulist li a:hover span {
border-bottom: 3px solid #f90;
}Mon code Html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>Ecupodju - Jeunesse d'Ecuvillens-Posieux UNION</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="description" content="Jeunesse d'Ecuvillens-Posieux UNION" />
<meta name="keywords" content="Jeunesse, Ecuvillens, Posieux, Alcool, Fête, Giron" />
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="site">
<div id="banniere"></div>
<div id="menu">
<? include('menu.php') ; ?>
</div>
<div id="courbe"></div>
<div id="contenu">
<div id="gauche">
<? include('contenu gauche.php') ; ?>
</div>
<div id="droite">
<?php $page = $_GET['page'] ; if (empty ($page)) {include('niouzes.php') ; } else {include($_GET['page'].'.php') ; }?>
</div>
</div>
<div id="bas">
<? include('copyright.php') ; ?>
</div>
</div>
</body>
</html>Merci d'avance.
Eric
Modifié par le rouge (19 Mar 2006 - 15:51)
oui, effectivement, c'est très bizarre ça lol
).