GoldenCrystalLe 05/05/2010 à 13:57

Y'a plein de façons de faire ça:

<!DOCTYPE html>
<html>
	<head>
		<style type="text/css">/* <![CDATA[ */
		/* ]]> */</style>
	</head>
<body>
	<div class="left">
		<div id="menu">
			Gauche
		</div>
	</div>
	<div class="right">
		<div id="contents">Droite</div>
	</div>
</body>
</html>

round-color: #0f0; /* Pour visualiser */ }

Avec des variantes sur le CSS, par exemple:body {
	position: relative;
	padding: 0 0 0 250px;
	margin: 0;
}
.left {
	position: absolute;
	margin: 0 0 0 -250px;
	padding: 0;
	width: 250px;
	overflow: hidden;
}
.right {
	margin: 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
}
#menu {
	margin: 0;
	padding: 5px 10px;
	overflow: hidden;
	background-color: #f00; /* Pour visualiser */
}
#contents {
	margin: 0;
	padding: 5px 10px;
	overflow: auto;
	white-space: pre; /* Pour tester l'overflow */
	backg

body {
	position: relative;
	margin: 0;
	padding: 0;
}
.left {
	position: absolute;
	margin: 0;
	padding: 0;
	width: 250px;
	overflow: hidden;
}
.right {
	position: absolute;
	margin: 0;
	padding: 0;
	left: 250px;
	right: 0;
	overflow: hidden;
}
#menu {
	margin: 0;
	padding: 5px 10px;
	overflow: hidden;
	background-color: #f00; /* Pour visualiser */
}
#contents {
	margin: 0;
	padding: 5px 10px;
	overflow: auto;
	white-space: pre; /* Pour tester l'overflow */
	background-color: #0f0; /* Pour visualiser */
}

body {
	margin: 0;
	padding: 0 0 0 250px;
}
.left {
	float: left;
	margin: 0 0 0 -250px;
	padding: 0;
	width: 250px;
	overflow: hidden;
}
.right {
	margin: 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
}
#menu {
	margin: 0;
	padding: 5px 10px;
	overflow: hidden;
	background-color: #f00; /* Pour visualiser */
}
#contents {
	margin: 0;
	padding: 5px 10px;
	overflow: auto;
	white-space: pre; /* Pour tester l'overflow */
	background-color: #0f0; /* Pour visualiser */
}