Bonjour,
Impossible pour moi de vérifier dans IE.
Des copies d'écran ?
Cependant, ton prof. a oublié de te dire qu'avant d'adapter les CSS, il est préférable d'avoir un code HTML correct.
Fais
quelques corrections et vérifies à nouveau les différences.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>Un titre</title>
<link rel="stylesheet" media="screen" type="text/css" title="design" href="design.css" />
</head>
<body>
<div id="conteneur">
<div id="boitehaut">
haut
</div>
<!-- fin de boitehaut -->
<div id="boitegauche">
<h4>Menu</h4>
<ul>
<li><a href="index.php?page=generation">Générer son CV</a></li>
<li><a href="index.php?page=liste">Liste des CV</a></li>
</ul>
</div>
<!-- fin de boitegauche -->
<div id="boitecentrale">
<h1>Bienvenue sur mon site</h1>
<p>Sur ce site vous pourrez générer votre CV.</p>
<p>Bonne visite !</p>
</div>
<!-- fin de boitecentrale -->
<div id="boitebas">
bas
</div>
<!-- fin de boitebas -->
</div>
<!-- fin de conteneur -->
</body>
</html>
++
“utiliser au maximum les pourcentages”
Avec modération, sinon ça ne va plus ressembler à rien.
Le menu, par exemple, n'a pas besoin de s'adapter en largeur.
Une manière de faire qui pourra te servir.
Apprends à construire tes styles toujours de la même manière.
Choisis un ordre pour les présenter.
Dans ta feuille de styles, on trouve “width” en 1re position, puis à la 2e, puis à la dernière.
Conserve l'indentation tout au long de tes codes.
Sinon, tu ne vas avoir du mal à t'y retrouver…
Mets des commentaires dans ton code.
Tu as choisi une feuille de styles pour le “screen”.
As-tu essayé d'imprimer ta page web ?
Pour vérifier à nouveau ta syntaxe :
simple, mais en anglais
http://validator.w3.org/#validate_by_uri+with_options
moins simple, mais en français
http://www.validome.org/lang/fr/
Et, pour vérifier tes CSS,
http://jigsaw.w3.org/css-validator/
--