Comment coller un bloc div au fond de ma page web ?

florentindm

Membre confirmé
27 Octobre 2008
19
0
Bonjour à tous :)
Voilà en fait j'ai un petit problème, je n'arrive pas à coller mon bloc div au fond de ma page web :(
J'aimerais bien faire un design extensible et hauteur je veux donc que ce bloc reste accroché au fond et en haut de la page également :)

Mes codes :

HTML
Bloc de code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>YourNewSite</title>
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="style.css" />
</head>

<body>
<div id="contenu">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut placerat. Pellentesque consequat. Aliquam dapibus enim non felis. Maecenas sed velit. Curabitur consectetur, lacus id lacinia dictum, orci nulla rhoncus libero, et malesuada dui arcu eget nulla. Donec pretium hendrerit arcu. Donec malesuada luctus est. Praesent rhoncus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse enim. Nam scelerisque erat eu eros mattis interdum. Morbi ut odio sed sapien commodo ullamcorper. Sed viverra lacinia lectus. Donec varius. Fusce turpis. Proin id ipsum. Pellentesque ut sem. Sed augue ante, consequat ut, blandit nec, viverra adipiscing, sem.

</div>
</body>
</html>

CSS
Bloc de code:
body
{
	background-image:url(images/bg_lines.png);
	background-repeat:repeat;
}
#contenu
{
	width:1000px;
	margin-bottom:0px;
	background-color:#860000;
	color:#FFFFFF;
	font-family:Georgia, "Times New Roman", Times, serif;
}

Merci d'avances :D