Lorsque je dimensionne et centre le body, mon site se centre à l'exeption des menus qui restent sur la gauche.
Et lorsque je rajoute un conteneur, les autres div ne sont plus interprétés correctement apr Explorer et le corps se retrouve en dessous du menu (mais reste centré)..
Grosso modo ce sont les menus qui posent problème, si je les retire le site se centre parfaitement.
Je place ici une version allégée de mon code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head><title>XXX</title>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1"><style
type="text/css">
body { margin: auto;
background-image: url(file:///J:/site_support_commerciaux/degrade.jpg);
background-repeat: repeat-y;
width: 760px;
}
#en_tete { border: 2px solid navy;
height: 65px;
background-image: url(file:///J:/site_support_commerciaux/header.jpg);
margin-bottom: 23px;
margin-top: 15px;
width: 760px;
}
#en_tete h1 { padding-left: 15px;
font-style: italic;
text-align: left;
color: rgb(255, 255, 255);
height: 15px;
font-family: Arial,"Arial Black","Times New Roman",Times,serif;
font-weight: bold;
}
#menu { float: left;
width: 120px;
}
.element_menu { border: 2px solid navy;
background-color: rgb(255, 255, 255);
background-image: url(file:///J:/site_support_commerciaux/menu1.jpg);
background-repeat: repeat-x;
margin-bottom: 20px;
}
#corps { border: 2px solid navy;
padding: 5px;
margin-left: 140px;
margin-bottom: 20px;
background-repeat: repeat-x;
background-color: rgb(255, 255, 255);
color: rgb(0, 0, 153);
width: 610px;
}
#corps h1 { font-size: 13px;
font-family: Arial,"Arial Black","Times New Roman",Times,serif;
text-align: left;
}
#pied_de_page { border: 2px solid navy;
padding: 0px;
background-image: url(file:///J:/site_support_commerciaux/footer.jpg);
opacity: 0.991;
width: 760px;
height: 55px;
}
</style></head><body>
<div id="en_tete"><h1><br></h1></div><div
id="menu"><div class="element_menu"
style="text-align: center;"><h3
style="text-align: center;">Offre
Media<br></h3><div style="text-align: center;"><span
style="font-weight: bold; font-style: italic; color: rgb(0, 0, 153);"></span><br></div>
</div><div class="element_menu"><h3
style="text-align: center;">Les
Packs</h3>
</div><div class="element_menu"><span
style="font-weight: bold;"></span><h3
style="text-align: center;">Evènements</h3><br></div></div><div
id="corps"><h1><br>illa faciebant, quae multa de
humanae naturae praestantia afferuntur a
multis: esse hominem creaturarum internuntium, superis familiarem,
regem inferiorum; sensuum perspicacia, rationis indagine,
intelligentiae lumine, naturae interpretem; stabilis aevi et fluxi
temporis interstitium, et (quod Persdicunt) mundi copulam, immo
hymenaeum, ab angelis, teste Davide4, paulo
deminutum. Magna haec quidem, sed non principalia, idest quae summae
admirationis privilegium sibi iure vendicent. Cur enim non ipsos angelos</h1><h2>Les
nouveautés<br><br></h2>illa faciebant,
quae multa de humanae naturae praestantia afferuntur a
multis: esse hominem creaturarum internuntium, superis familiarem,
regem inferiorum; sensuum perspicacia, rationis indagine,
intelligentiae lumine, naturae interpretem; stabilis aevi et fluxi
temporis interstitium, et (quod Persaedicunt) mundi copulam, immo
hymenaeum, ab angelis, teste Davide4, paulo
deminutum. Magna haec quidem, sed non principalia, idest quae summae
admirationis privilegium sibi iure vendicent. Cur enim non ipsos angelos<h2>Fiches
Sites Régie (Mai)</h2><br></div><div
style="text-align: center;" id="pied_de_page"></div></body></html>
Une idée?
Aspirateur de site web
