28172 sujets

CSS et mise en forme, CSS3

[RESOLU] Problème d'alignement du menu ?

Bonjour,

Je souhaite utiliser ce type de disposition pour un site Internet mais je n'arrive pas à faire en sorte que le menu s'aligne sur la hauteur de la page du centre.

Voici mon code :
<!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" lang="fr">
	<head>
		<title>test</title>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<style type="text/css" media="screen,projection">
			body
			{
				background-color	: #FFFFFF;
				font-family			: Verdana, sans-serif;
				font-size			: 10px;
				margin				: 0;
				padding				: 0;
			}
			#global
			{
				margin-left			: auto;
				margin-right		: auto;
				position			: relative;
				width				: 800px;
			}
			#header
			{
				background-color	: #FF0000;
				height				: 50px;
				width				: 800px;
			}
			#menu
			{
				background-color	: #00FF00;
				left				: 0;
				position			: absolute;
				width				: 170px;
			}
			#centre
			{
				background-color	: #0000FF;
				margin-left			: 170px;
				width				: 630px;
			}
			#footer
			{
				background-color	: #F0F000;
				height				: 50px;
				width				: 800px;
			}
		</style>
	</head>
	<body>
		<div id="global">
			<div id="header">HEADER</div>
			<div id="menu">MENU<br/>MENU<br/>MENU<br/>MENU</div>
			<div id="centre">CENTRE<br/>CENTRE<br/>CENTRE<br/>CENTRE<br/>CENTRE<br/>CENTRE<br/>CENTRE<br/>CENTRE</div>
			<div id="footer">FOOTER</div>
		</div>
	</body>
</html>


Merci pour votre aide,
ZiP
Modifié par ZiP (02 Apr 2008 - 14:38)
Bonjour,

J'avoue ne pas avoir compris ce que tu veux faire. Que veut dire «s'aligner sur la hauteur de la page du centre»?
Bonjour,

upload/9495-page.PNG

Je souhaiterai que le menu à gauche ait la même hauteur que le centre de la page.
Que celui-ci aille jusqu'au footer.

Merci pour votre aide,
ZiP
Modifié par ZiP (02 Apr 2008 - 13:28)
Sujet clos
Aller à