Les marges par défaut des éléments <p>, variables selon les navigateurs, provoquent tes décalages.
Voici un point de départ pour reprendre ta CSS:
* {
margin: 0;
padding: 0;
}
body {
margin-top: 0px;
background-color: #000000;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-image: url(fond0000.jpg);
background-repeat: repeat-y;
background-position: center;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #CCCCCC;
}
a:link {
color: #C7D6D6;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #9EB9B9;
}
a:hover {
text-decoration: none;
color: #9EB9B9;
}
a:active {
text-decoration: none;
color: #9EB9B9;
}
strong{
color:#9DC0C6
}
img{
border:none;
display:block;
}
.float{
float:left;
}
.sommaire{
float:left;
width:30px;
height:40px;
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity: 0.5;
}
.sommaire:hover{
filter:alpha(opacity=100);
-moz-opacity:1;
opacity: 1;
}
#conteneur{
margin-left: auto;
margin-right: auto;
width:750px;
}
#menu1{
float:left;
}
#menu2{
float:left;
}
#menu3{
text-align:center;
padding-top:120px;
padding-left:23px;
padding-right:5px;
}
#centre{
}
#droite{
background-image:url(droite00.jpg);
background-position:center;
background-repeat:no-repeat;
width:139px;
height:516px;
float:right;
margin-top:-54px;
}
<!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>
<title>Les livres Harry Potter- Chemin de Traverse</title>
<meta http-equiv="Content-Type"
content="application/xml; charset=ISO-8859-1" />
<meta name="description"
content="Bienvenue sur Chemin de Traverse ! Vous découvrirez ici des informations sur tout les tomes Harry Potter et livres dérivés : Résumés, Couvertures, Informations..." />
<meta name="keywords"
content="Harry, Potter, Chemin, Traverse, livres, prince, sang mele, resumes, couvertures, infos, informations, tome1, tome 2, tome3, tome 4, tome 5, tome 6, école des sorciers, chambre des secrets, prisonnier d'Azkaban, coupe de feu, ordre du phénix, prince de sang mélé" />
<meta http-equiv="Content-Language" content="fr" />
<meta name="Author" content="Sylvain Durand" />
<meta name="Reply-to"
content="seamus@chemindetraverse.net" />
<meta name="Copyright"
content="(c) Chemindetraverse.net 2000-2004" />
<meta name="Identifier-url"
content="http://www.chemindetraverse.net" />
<meta name="Robots" content="all" />
<link href="styles00.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="favicon.ico" />
<style type="text/css">
/*<![CDATA[*/
<!--
.Style1 {font-size: 18px}
.Style2 {font-size: 12px; }
-->
/*]]>*/
</style>
</head>
<body>
<div id="conteneur">
<div>
<p style="margin: 0;"><img src="haut0000.jpg" alt="Haut du design"
width="750" height="134" /></p>
</div>
<div id="titre">
<p><a><img src="poudlard.jpg"
alt="Poudlard Intéractif" width="266" height="54"
class="float" /></a> <img width="345" height="54"
src="livres00.jpg" alt="Les livres Harry Potter" /></p>
</div>
<div id="droite">
<div id="menu3">
<p><a
href="http://www.chemindetraverse.net/?harrypotter=livres&potterharry=tome1">
<img src="tome1000.gif"
alt="Harry Potter à l'école des sorciers"
class="sommaire" /></a> <a
href="http://www.chemindetraverse.net/?harrypotter=livres&potterharry=tome2">
<img src="tome2000.gif"
alt="Harry Potter et la chambre des secrets"
class="sommaire" /></a> <a
href="http://www.chemindetraverse.net/?harrypotter=livres&potterharry=tome3">
<img src="tome3000.gif"
alt="Harry Potter et le prisonnier d'Azkaban"
class="sommaire" /></a> <a
href="http://www.chemindetraverse.net/?harrypotter=livres&potterharry=tome4">
<img src="tome4000.gif"
alt="Harry Potter et la coupe de feu"
class="sommaire" /></a> <a
href="http://www.chemindetraverse.net/?harrypotter=livres&potterharry=tome5">
<img src="tome5000.gif"
alt="Harry Potter et l'ordre du phénix"
class="sommaire" /></a> <a
href="http://www.chemindetraverse.net/?harrypotter=livres&potterharry=tome6">
<img src="tome6000.gif"
alt="Harry Potter et l'ordre du phénix"
class="sommaire" /></a> <a
href="http://www.chemindetraverse.net/?harrypotter=livres&potterharry=quidditch">
<img src="quidditc.gif"
alt="Le Quidditch à travers les âges"
class="sommaire" /></a> <a
href="http://www.chemindetraverse.net/?harrypotter=livres&potterharry=animaux">
<img src="animaux0.gif"
alt="Les animaux fantastiques et leurs habitats"
class="sommaire" /></a> <a
href="http://www.chemindetraverse.net/?harrypotter=livres&potterharry=rencontre">
<img src="rowling0.gif"
alt="Rencontre avec J.K.Rowling" class="sommaire" />
</a> <a
href="http://www.chemindetraverse.net/?harrypotter=livres&potterharry=pote">
<img src="pote0000.gif"
alt="Rencontre avec J.K.Rowling" class="sommaire" />
</a></p>
</div>
</div>
<div id="menu1">
<p><a><img src="chaudron.jpg" alt="Chaudron Baveur"
width="118" height="81" /></a> <a
href="http://www.chemindetraverse.net/troisbalais/"><img
src="troisbal.jpg" alt="Aux trois balais" width="118"
height="81" /></a> <img src="gauche20.jpg"
alt="Version du site : 6.0" width="118"
height="300" /></p>
</div>
<div id="menu2">
<p><img src="hautgauc.jpg" alt="Haut Gauche" width="148"
height="64" /> <a href=""><img src="livres01.jpg"
alt="Les livres Harry Potter" width="148" height="56" />
</a> <a
href="http://www.chemindetraverse.net/?harrypotter=films">
<img src="films000.jpg" alt="Les films Harry Potter"
id="Films" width="148" height="56" /></a> <a
href="http://www.chemindetraverse.net/?harrypotter=monde">
<img src="monde000.jpg" alt="Le monde Harry Potter"
width="148" height="56" /></a> <a><img src="magie000.jpg"
alt="La magie Harry Potter" width="148" height="56" />
</a> <a><img src="site0000.jpg" alt="Le site" width="148"
height="56" /></a> <a><img src="livredor.jpg"
alt="Livre d'or" width="148" height="118" /></a></p>
</div>
<div id="centre">
<div>
<p> </p>
<p><img src="choissis.jpg" alt="Choisissez" width="222"
height="51" /></p>
<p align="center" class="Style1">Bienvenue dans la
section Livres !</p>
<p align="justify" class="Style2">Vous découvrirez
ici tout ce qui concernent les six premiers livres des
aventures Harry Potter, mais aussi de quatre livres qui
parlent de Harry Potter. Ce genre de livre étant
extrèmement nombreux, nous n'avons décider de
ne choisir que <em>Le Quidditch à travers les
âges</em> et <em>Les animaux fantastiques</em>
,les deux livres de J.K. Rowling, ainsi que
<em>Rencontre avec J.K.Rowling</em>, le seul livre ou
vous pourrez tout savoir sur J.K. Rowling.</p>
<p align="justify" class="Style2">Enfin, nous avons
décider de présenter le livre de l'un de nos
confrères webmasters, Antoine Guillemain, qui est
<em>Mon pote Harry Potter</em>. SI vous ne l'avez pas
lu , je vous le conseille (sachant qu'une version 2004
est sortie).</p>
</div>
</div>
<!-- This document saved from http://www.chemindetraverse.net/?harrypotter=livres -->
</div>
</body>
</html>
(Attention : il reste des attributs "align" à supprimer)