Someone

Fichier index :

<!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>
    <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type" />
    <link rel="stylesheet" type="text/css" href="style.css" />
    <title>Test de mise en page</title>
  </head>
  <body>
  <div id="header">#header - tu mets ton image si tu veux</div>
  <div id="contenu">
    <div id="menu">
      <div id="mainmenu">
        <div class="menuitem"><a href="#">Accueil</a></div>
        <div class="menuitem"><a href="#">menu</a></div>
        <div class="menuitem"><a href="#">menu</a></div>
        <div class="menuitem"><a href="#">menu</a></div>
        <div class="menuitem"><a href="#">menu</a></div>
        <div class="menuitem"><a href="#">menu</a></div>
        <div class="menuitem"><a href="#">menu</a></div>
        <div class="menuitem"><a href="#">Contact</a></div>
      </div>
        <div id="shootbox">
        <div id="text">
        test<br />testtest<br />testtest<br />testtest<br />testtest<br />testtest<br />testtest<br />testtest<br />testtest<br />test
        </div>
        <div style="width:100px;margin:0px auto 0;">
          <form method="POST" action="">
            <input type="text" name="pseudo" class="form" />
            <input type="text" name="message" class="form" />
            <input type="submit" value="Envoyer" class="form" />
          </form>
        </div>
      </div>
    </div>
    <div id="content">
      <div id="cadre">
        Texte de news ou du contnue etc ..
      </div>
    </div>
  </div>
  <div id="footer">#footer ici</div>
  </body>
</html>

fichier style.css :

body {
	background-color:#000;
	width:700px;
	margin:0px auto 0;
	color:#FFF;
	font-family:tahoma;
	font-size:12px;
}

div#header {
	border-bottom:2px solid #FFF;
	width:700px;
	height:100px;
	margin-top:10px;
}

div#contenu {
	width:700px;
	margin-top:10px;
	float:left;
}

div#menu {
	float:left;
	width:150px;
}

div#content {
	float:right;
	width:500px;
}

div#footer {
	border-top:2px solid #FFF;
	padding-top:5px;
	margin-top:15px;
	float:left;
	width:700px;
	text-align:center;
}

#mainmenu {
	margin:0px solid 0;
	margin-top:10px;
	border-top:1px solid #FFF;
	padding-top:10px;
	margin-bottom:10px;
	border-bottom:1px solid #FFF;
	padding-bottom:10px;
}

div#shootbox {
	border:1px solid #FFF;
	height:200px;
	width:150px;
	margin:0px auto 0;
}

div#text {
	width:140px;
	margin:0px auto 0;
	margin-top:5px;
	margin-bottom:5px;
	overflow:auto;
	height:130px;
}

div#cadre {
	border:2px dashed #FFF;
	min-height:300px;
	_height:300px;
	width:450px;
	padding:10px;
	margin:0px solid 0;
	margin-top:10px;
}

.form {
	border:1px solid #FFF;
	background-color:#000;
	color:#FFF;
	width:100px;
	font-family:tahoma;
	font-size:12px;
}

.menuitem {
	margin-left:10px;
}

a:link {
	color:#FFF;
}

a:hover {
	color:#FFF;
}

a:visited {
	color:#FFF;
}

a:active {
	color:#FFF;
}