28172 sujets

CSS et mise en forme, CSS3

Bonjour,

Un truc du style :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  "http://www.w3.org/TR/html4/loose.dtd">
<html><head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<title>interface</title>
<style type="text/css">
body {
	margin: 0;
	padding: 0;
	background-color: #6E6E6E;
	color: White;
}
#header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 70px;
	background: Teal;
	text-align: center;
	font: bold 24px verdana;
}
#milieu {
	margin-top: 70px;
	margin-bottom: 30px;
	text-align: left;
	font: normal 14px arial,verdana,helvetica,sans-serif;
	color: aqua;
	padding: 10px;
}
#footer {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 30px;
	background: Teal;
	text-align: center;
	font: bold 24px verdana;
}
</style>

</head>
<body>
<div id="conteneur">
	<div id="header">
		<p>Header</p>
	</div>

	<div id="milieu">
		<p>Milieu - début</p><p>Milieu</p><p>Milieu</p><p>Milieu</p><p>Milieu</p><p>Milieu</p>
		<p>Milieu</p><p>Milieu</p><p>Milieu</p><p>Milieu</p><p>Milieu</p><p>Milieu</p>
		<p>Milieu</p><p>Milieu</p><p>Milieu</p><p>Milieu</p><p>Milieu</p><p>Milieu</p>
		<p>Milieu</p><p>Milieu</p><p>Milieu</p><p>Milieu</p><p>Milieu</p><p>Milieu</p>
		<p>Milieu</p><p>Milieu</p><p>Milieu</p><p>Milieu - fin</p>
	</div>

	<div id="footer">Footer</div>
</div>
</body>
</html>

Cordialement