le 18/07/2011 à 01:21
Positionnement div css débutant
Bonjour, je débute en CSS (enfin je comprend mais je suis un peu naze, je suis plutot php).
pour une fois je doit faire un site, j'ai tout fait avec photoshop, mais je galere un peu à obtenir le résultat escompté :
IMAGE : http://img33.imageshack.us/img33/3791/unled1lq.jpg
et voila ce que j'obtient
IMAGE :http://img688.imageshack.us/img688/9922/probmd.png
et voici mon code :
ou me suis-je trompé ?
une idée ?
Merci d'avance.
pour une fois je doit faire un site, j'ai tout fait avec photoshop, mais je galere un peu à obtenir le résultat escompté :
IMAGE : http://img33.imageshack.us/img33/3791/unled1lq.jpg
et voila ce que j'obtient
IMAGE :http://img688.imageshack.us/img688/9922/probmd.png
et voici mon code :
body
{
width: 200px;
height: 100%;
margin: auto; /* Pour centrer notre page */
margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
margin-bottom: 20px; /* Idem pour le bas du navigateur */
background-color: white;
}
div#header
{
height:81px;
background-image: url('images/image_01.jpg');
width: 100%;
left: 0px;
position: absolute;
top:0;
}
div#menu
{
height:38px;
margin-top: 81px;
background-image: url('images/image_03.jpg');
width: 100%;
left: 0px;
position: absolute;
top:0;
}
div#body
{
margin-top: 119px;
height: 100%;
background-color: yellow;
width: 870px;
padding: auto;
}
div#footer
{
margin: 0;
bottom: 0;
margin-bottom: 0;
background-color: blue;
width:100%
color: black;
}
<!DOCTYPE HTML5>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="style.css">
<title>Titre</title>
</head>
<body>
<div>
<div id="header">
</div>
<div id="menu">
</div>
<div id="body">test</div>
<div id="footer">test</div>
</div>
</body>
</html>
ou me suis-je trompé ?
une idée ?
Merci d'avance.
