Reprends cette structure :
HTML :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div class="global">
<div class="general">
<div class="header">
<?php include('/header.php'); ?> </div>
<div class="menu">
<?php include('menu.php');?> </div>
<div class="contenu">
Ton contenu
</div>
</div>
<div class="footer">
<?php include('footer.php'); ?> </div>
</div>
</body>
</html>
CSS:
/************************** Selecteurs */
/*************************************/
*
{
margin: 0; /* Initialise les marges extérieures à 0 */
padding: 0; /* Initialise les marges intérieures à 0 */
border: 0; /* Initialise les bordures à 0 */
}
/************************** Propriétés générales */
/*********************************************/
body {
background-color: #;
font-family: arial;
font-size: px;
color: #;
height: 100%;
}
div.global {
width: 100%;
height: auto;
}
/************************** Blocs généraux */
/*****************************************/
.general {
width: 100%;
}
.header {
width: 100%;
height: px;
}
.menu {
width: 20%;
float: left;
}
.contenu {
width: 80%;
}
.footer {
width: 100%;
height: px;
clear: both;
}
Tente avec ça en remplissant les propriétés incomplètes.
Ne rajoute pas en premier lieu de margin et autre padding.
Teste d'abord si ça marche comme ça, j'ai adapté le code d'un site à largeur fixe et centré pour un site à largeur 100%, code non testé donc
Attention à bien renommer l'index.html en index.php et d'avoir EasyPHP en fonctionnement, sinon tu enlèves toutes les lignes de code PHP. Le PHP est là juste pour "externaliser" le contenu des blocs.
Une fois que ça sera ok, il te restera plus qu'à faire un fichier php par page.
