Re-...
Il me semble qu'il y a plusieurs causes de soucis.
Commençons par la plus évidente
Des retours à la ligne (<br>) se sont malicieusement introduits entre certains blocs.
J'extrais la fin du bloc "texte" et le début du bloc "piedP":
Code : Tout sélectionner
sur un terrain privé à 30m de la maison.</div><br><div id="piedP">
Ce petit <br> prend de la place et empêche les blocs "texte" et "piedP" de se coller.
D'autre part, le bloc "piedP" contient une balise <h3>.
Celle-ci est munie, d'origine, d'une marge non négligeable.
idem pour la balise <h2> qui débute le bloc "texte".
Pour permettre aux blocs de se "coller", il faudrait attribuer une marge nulle à ces deux entités.
Le bloc piedP me semble particulièrement malmené
Non seulement, il doit subir le voisinage d'un bloc "pied" qui est vide... mais aussi, son flottement à gauche, sa marge gauche et sa marge supérieure me paraissent suspects.
Je pense qu'un
Code : Tout sélectionner
#piedP {
height: 100px;
font-family: Arial,Helvetica,sans-serif;
background-color: white;
margin-right: auto;
margin-left: auto;
width: 880px;
}
auraient été de bon aloi.
Le dernier souci à l'adhérence parfaite entre le "texte" et le "piedP" me semble être la grosse bordure de couleur parme autour du "texte".
Je crois que j'ai encore supprimé une bordure de 5pt au bloc "entete" et une marge supérieure de 5px au bloc "menu".
Et là, tout colle.
Bon, il y a peut-être un peu de ménage à faire à gauche et à droite. Mais pas gravissime...
Code : Tout sélectionner
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head><meta
content="text/html; charset=ISO-8859-1"
http-equiv="content-type"><title>structure</title><style
type="text/css">
h1 {
border-color: #cccccc;
color: white;
background-repeat: no-repeat;
font-family: Arial,Helvetica,sans-serif;
font-weight: bold;
text-align: center;
clear: none;
width: 900px;
margin-right: auto;
margin-left: auto;
}
h2 {
border-width: 2pt;
font-family: Arial,Helvetica,sans-serif;
font-weight: bold;
text-align: left;
color: white;
height: 30px;
background-color: #66cccc;
margin-right: auto;
margin-left: 20px;
width: 800px;
}
#texte {
border-left-style: solid;
font-family: Arial,Helvetica,sans-serif;
margin-left: auto;
visibility: visible;
min-height: 500px;
margin-right: auto;
clear: right;
width: 880px;
background-color: white;
}
#entete {
background-image: url(../images/Bandeauentetepage.jpg);
background-repeat: no-repeat;
width: 880px;
height: 180px;
text-align: center;
line-height: 30px;
margin-right: auto;
margin-left: auto;
margin-top: 0px;
top: 0px;
}
#pied {
height: 100px;
background-repeat: no-repeat;
font-family: Arial,Helvetica,sans-serif;
background-image: url(../images/Bandeaubaspage.jpg);
float: right;
margin-left: 0px;
width: 600px;
margin-top: 10px;
margin-right: 30px;
}
h3 {
font-family: Arial,Helvetica,sans-serif;
font-weight: bold;
font-size: 1em;
text-align: left;
color: #6666cc;
margin-bottom: 0px;
}
body {
font-family: "Times New Roman",Times,serif;
}
a img {
border-color: black;
border-width: 5pt;
float: left;
margin-right: 20px;
}
#menu {
margin-right: auto;
margin-left: auto;
width: 880px;
}
p {
margin-left: 20px;
text-align: justify;
margin-right: 20px;
}
.imageGauche {
float: left;
margin-right: 20px;
}
#piedP {
height: 100px;
font-family: Arial,Helvetica,sans-serif;
background-color: white;
margin-right: auto;
margin-left: auto;
width: 880px;
}
#piedP h3 {
margin: 0;
}
#texte h2 {
margin: 0;
}
#entete h1 {
margin: 0;
}
</style></head><body
style="color: rgb(0, 0, 0); background-color: rgb(204, 204, 204);"
alink="#000099" link="#000099" vlink="#990099">
<div style="text-align: left;" id="entete"><br></div><div
id="menu">menu </div>
<div id="texte"><h2>Ma maison à louer - Environs de
Carnac - Morbihand</h2>
<p class="MsoNormal"><span
style="font-weight: bold; font-style: italic;">Nous
sommes heureux
de vous présenter notre maison située à la pointe
Sud de la Bretagne.</span><o:p></o:p></p>
<p>A proximité de la mer (5
min.), nous sommes situés entre
Vannes (40 min.) et Lorient, à proximité de
Carnac, d'Auray et de la rivière
d'Etel. Cette maison, au coeur du hameau de Kerminihy, saura vous
séduire par
son charme, son confort et sa décoration chaleureuse. Nous
espérons que vous y
passerez un séjour très agréable.<span style="">
</span>Nous
sommes heureux de vous présenter notre maison
située dans un coin magnifique de
la Bretagne.</p>
<h3><img src="../images/Entreemaison.jpg"
title="entree de la maison" alt="entree de la maison"
style="border: 2px solid ; width: 400px; height: 300px; float: left;"
hspace="10"> La maison
comprend :</h3><ul><ul><ul><ul><ul><li
style="margin-left: 31px; width: 445px;">Un séjour, salle
à manger avec cheminée
d'environ 25 m²,</li><li
style="margin-left: 31px; width: 445px;">Une
cuisine aménagée et équipée, </li><li
style="margin-left: 31px; width: 445px;">3
chambres, </li><li
style="margin-left: 31px; width: 445px;">1 coin bureau avec
connexion internet Wi-Fi,</li><li
style="margin-left: 31px; width: 445px;">1 SdB avec WC,</li><li
style="margin-left: 31px; width: 445px;">1 WC séparé,</li><li
style="margin-left: 31px; width: 445px;">1 cellier, </li><li
style="margin-left: 31px; width: 445px;">1 terrasse
aménagée.</li></ul></ul></ul></ul></ul>D'une
superficie
de 110m², elle peut accueillir jusqu'à 6
personnes.<br><br>Elle dispose d'un emplacement de parking
devant la
maison et
d'un deuxième emplacement <span style=""> </span>sur
un
terrain
privé à 30m de la maison.</div>
<div id="piedP"><h3 style="text-align: left;">Anne-Lise
VIALE</h3></div>
</body></html>
PS: la classe "msoNormal" n'apporte rien... que des mauvais souvenirs d'un MS-Word qui a dû traîner par là. L'essentiel est de se soigner.
Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.9.0.7) Gecko/2009030422 Ubuntu/8.04 (hardy) Firefox/3.0.7
[edit]Pfffttt... Grillé parce que j'ai trop voulu expliquer.
C'est dur d'être un super-héros.
[/edit]