Je débute dans le CSS et le xHTML et j'ai un léger problème a vrai dire, le menu et le contenu ne s'étendent pas en même temps, se qui pose probleme 
sa laisse un espace entre le menu et le footer quand le contenu est trop grand, et le menu noie le footer si le contenu est trop petit, je vous serais tres reconnaissant de m'aider. merci à vous 
page style.css et index.php :
http://www.our-deathnote.com (juste pour montrer le problème) [/url]
Modifié par papichon (10 Dec 2006 - 10:37)
sa laisse un espace entre le menu et le footer quand le contenu est trop grand, et le menu noie le footer si le contenu est trop petit, je vous serais tres reconnaissant de m'aider. merci à vous page style.css et index.php :
/* le corps de la page */
body
{
width: 800px;
background-color: #7b7b7b;
font-family: verdana, sans-serif;
font-size: 9px;
margin: 0;
}
img
{
border: none;
}
/* le menu */
#menu
{
top: 0px;
left: 597px;
position: absolute;
width: 203px;
color: #ffffff;
background-image: url("img/design/menu.jpg");
}
.element_menu
{
padding-top: 10px;
padding-left: 10px;
padding-right: 30px;
text-align: left;
color: #fff811;
}
/* la bann */
#bann
{
height: 251px;
width: 597px;
background-image: url("img/design/bann.jpg");
}
/* le speedmenu */
#speedmenu
{
height: 21px;
width: 597px;
}
/* le contenu */
#contenu
{
width: 597px;
background-image: url("img/design/contenu.jpg");
}
.element_contenu
{
padding-top: 10px;
padding-left: 15px;
padding-right: 10px;
padding-bottom: 10px;
}
/* le footer */
#footer
{
height: 42px;
width: 800px;
background-image: url("img/design/footer.jpg");
}
/* les titres */
h2
{
border-bottom: 3px double #cdcdcd;
font: 9pt Verdana, sans-serif;
text-transform: uppercase;
font-weight: bold;
padding: 0px 15px 2px 0px;
text-align: right;
color: #ffffff;
}
h1 {
border-bottom: 3px double #cdcdcd;
font: 9pt Verdana, sans-serif;
text-transform: uppercase;
font-weight: bold;
margin: 0px;
padding: 0px 0px 2px 15px;
text-align: right;
color: #ffffff;
}
/* les liens */
a
{
color: #ca3c3c;
text-decoration: none;
}
a:hover
{
color: #ca3c3c;
text-decoration: underline;
}
/* les tableaux */
table
{
border-collapse: collapse;
}
.td_staff,.th_staff
{
border: 1px dashed #000000;
}
.td_episode,.th_episode
{
border: 1px dashed #000000;
}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>| Our-DeathNote | Notre Death Note | Tout sur Death Note le manga de Obata Takeshi |</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Style" href="style.css" />
</head>
<div id="menu">
<div class="element_menu">
<?php include("menu.php"); ?>
</div>
</div>
<div id="bann">
</div>
<div id="speedmenu">
<img src="img/design/header.jpg" alt="Speedmenu" /><a href="/?rub=main"><img src="img/design/accueil.jpg" alt="Accueil" /></a><a href="/forum/"><img src="img/design/forum.jpg" alt="Forum" /></a><a href="/?rub=staff"><img src="img/design/staff.jpg" alt="Staff" /></a><a href="/?rub=liens"><img src="img/design/liens.jpg" alt="Liens" /></a>
</div>
<div id="contenu">
<div class="element_contenu">
<?php
$page = basename($rub);
if(!$rub)
include("main.php");
else
include("$rub.php")
?>
</div>
</div>
<div id="footer">
</div>
</body>
</html>http://www.our-deathnote.com (juste pour montrer le problème) [/url]
Modifié par papichon (10 Dec 2006 - 10:37)
