Bonjour.
Je vais essayer de voir ce que je peut faire avec height:100%;
Sinon ma page est en xhtml1.0 strict.
Voila la source :
<!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>
<link rel="stylesheet" href="style.css" type="text/css" title="defaut" />
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Language" content="fr" />
</head>
<body>
<div id="fond_header">
<h1 id="header">Senseless</h1>
</div>
<div id="global">
<div id="parti_droite">
<p class="texte">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur a wisi sed turpis tristique pharetra. Aenean mauris. Suspendisse potenti. Mauris et velit. Ut mauris felis, sodales sit amet, vulputate ac, viverra in, lectus. Morbi mauris lacus, blandit eget, lobortis in, elementum in, ante. In et tortor. Mauris mollis dignissim leo. Nullam faucibus. Vestibulum pretium libero id sem. Mauris nisl sem, posuere a, adipiscing vitae, tempor a, sem.
</p>
<p class="texte">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur a wisi sed turpis tristique pharetra. Aenean mauris. Suspendisse potenti. Mauris et velit. Ut mauris felis, sodales sit amet, vulputate ac, viverra in, lectus. Morbi mauris lacus, blandit eget, lobortis in, elementum in, ante. In et tortor. Mauris mollis dignissim leo. Nullam faucibus. Vestibulum pretium libero id sem. Mauris nisl sem, posuere a, adipiscing vitae, tempor a, sem.
</p>
</div>
<div id="parti_gauche">
<img src="images/menu_haut.jpg" alt="" class="block" />
<h2>Menu 1</h2>
<div class="menu">
<ul>
<li><a href="#">Accueil</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Forum</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<h2>Menu 2</h2>
<div class="menu">
<ul>
<li><a href="#">Exposition</a></li>
<li><a href="#">Nos travaux</a></li>
<li><a href="#">Nos idées</a></li>
</ul>
</div>
<img src="images/menu_bas.jpg" alt="" class="block" />
</div>
<hr />
</div>
</body>
</html>
Et je vous donne aussi mon code css entier ca peut peut être vous aider.
body {
margin:0;
padding:0;
color:#000;
background: url('images/bar_fond.jpg') repeat-y center;
}
/* Block de base */
#fond_header {
background-image:url('images/fond_header.jpg');
height:212px;
width:100%;
}
h1#header {
background-image:url('images/header.jpg');
height:212px;
width:771px;
text-indent:-9000px;
margin:0 auto 0 auto;
}
#global {
margin:0 auto 0 auto;
width:771px;
}
#parti_droite {
width: 554px;
float:right;
margin:4px 0 0 8px;
}
#parti_gauche {
background-image:url('images/menu_fond.jpg');
width:185px;
float:right;
margin-top:4px;
}
/* Menu */
.menu {
width:156px;
margin-left:-23px;
}
.menu ul {
list-style-type:none;
}
.menu li {
background-image:url('images/menu_liste.jpg');
width:136px;
height:19px;
padding-left:20px;
margin-bottom:3px;
}
.menu a{
color:#fff;
text-decoration:none;
}
/* Mise en page */
h2 {
background-image:url('images/menu_titre.jpg');
background-repeat:no-repeat;
width:169px;
height:34px;
text-align:center;
font-size:105%;
color:#736f3f;
font-weight:normal;
margin:4px auto 0 auto;
padding-top:7px;
}
hr {
clear:both;
visibility:hidden;
}
.texte {
border:1px solid #b2b2b2;
width:510px;
padding:7px;
margin:0 0 15px 0;
}
.block {
display:block;
}
Merci beaucoup
Edit :Tiens je vient de voir que l'indentation est perdu sur ce forum.
Dommage
Modifié par Omsalam (15 Jul 2005 - 10:44)
