De retour! Et oui déjà.
J'ai nettoyé un peu mon code, j'ai toujours un décalage sous IE.
En bas et entre mes floats chaque fois qu'il y a du texte.
J'ai tenté de jouer sur les padding, margin et overflow mais je vois pas ou ça coince.
Revoilà le (x)html (avec des listes:c'est Pwapwal qui va être content)
:
<!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" >
<head>
<title>Cinema CineJade de saint Brevin les Pins, le site officieux !</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="style/style_index.css" />
</head>
<body>
<div id="en_tete">
<div class="en_tete2">
</div>
</div>
<div id="corps">
<ul id="corps1">
<li><a class="prog1" href="http://www.mairie-saint-brevin.fr/embed/tourisme/CINEJADE/cinejadeseances.htm" title="programmation"></a><h3>Programmation</h3></li>
<li><a class="prog2" href="#" title="aller à la section 2">item2</a></li>
<li><a class="prog3" href="#" title="aller à la section 3">item3</a></li>
<li><a class="prog4"href="#" title="aller à la section 4">item4</a></li>
</ul>
<ul id="corps2">
<li><a class="prog5" href="http://www.mairie-saint-brevin.fr/embed/tourisme/CINEJADE/cinejadecontact&tarifs.htm" title="tarif, contact"></a><h3>Tarifs et contacts</h3></li>
<li><a class="prog6" href="#" title="aller à la section 2">item2</a></li>
<li><a class="prog7" href="#" title="aller à la section 3">item3</a></li>
<li><a class="prog8"href="#" title="aller à la section 4">item4</a></li>
</ul>
<p class="dessous"></p>
</div>
<div id="pied_de_page">
<p>
Site non officiel du cinéma CineJade de St Brevin les Pins 44250<br/>
Contact webmaster: monsieur.r (laposte.net)</p>
</div>
</body>
</html>
Et le css qui va avec:
body
{
width: 100%;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
background-color:#4682b4
}
#en_tete
{
margin-bottom: 20px;
color:white;
background-color:white;
}
.en_tete2
{
width: 760px;
margin: auto;
height: 100px;
background-image: url("images/cinejade2.png");
background-repeat: no-repeat;
margin-bottom: 10px;
}
#corps
{
width:80%;
margin: auto;
margin-bottom: 20px;
border: 40px solid black;
color:white;
background-color: #00679d;
}
#corps1
{ width:40%;
float: left;
color: white;
text-align: center;
background-color: #00679d;
list-style: none ;
margin: 0 ;
padding: 0 ;
}
#corps1 li
{
display: inline ;
margin-right: 0px ;
margin: 0 ;
padding: 0 ;
}
.prog1
{
width: 30%;
height:80px;
background-color: #fffacd;
border-right: 30px solid black;
border-bottom: 40px solid black;
background-image: url("images/prog.png");
background-repeat: no-repeat;
background-position: center;
float: left;
}
.prog2
{
width: 30%;
height:80px;
background-color: #fffacd;
border-right: 30px solid black;
border-bottom: 40px solid black;
float: left;
clear: left;
}
.prog3
{
width: 30%;
height:80px;
background-color: #fffacd;
border-right: 30px solid black;
border-bottom: 40px solid black;
float: left;
clear: left;
}
.prog4
{
width: 30%;
height:80px;
background-color: #fffacd;
border-right: 30px solid black;
float: left;
clear: left;
}
#corps2
{ width: 40%;
float: right;
color:white;
text-align: center;
background-color: #00679d;
list-style: none ;
margin: 0 ;
padding: 0 ;
}
#corps2 li
{
display: inline ;
margin-right: 0px ;
margin: 0 ;
padding: 0 ;
}
.prog5
{
width: 30%;
height:80px;
background-color: #fffacd;
border-left: 30px solid black;
border-bottom: 40px solid black;
background-image: url("images/euro.png");
background-repeat: no-repeat;
background-position: center;
float: right;
}
.prog6
{
width: 30%;
height:80px;
background-color: #fffacd;
border-left: 30px solid black;
border-bottom: 40px solid black;
float: right;
clear: right;
}
.prog7
{
width: 30%;
height:80px;
background-color: #fffacd;
border-left: 30px solid black;
border-bottom: 40px solid black;
float: right;
clear: right;
}
.prog8
{
width: 30%;
height:80px;
background-color: #fffacd;
border-left: 30px solid black;
float: right;
clear: right;
}
.dessous
{
clear: both;
line-height: 0px ;
}
a
{
text-decoration: none;
color: red;
font-style: italic;
}
a:hover
{
text-decoration: underline;
color: green;
}
#pied_de_page
{
padding: 0px;
text-align: center;
color: white;
background-color: black;
}
Des idées???
Merci et à bientôt
http://www.cinejade.fr
[/url]
.
qui se ballade après. Tu ne poses pas de question... 
(je ne peux pas tester sous IE, je suis sous linux). Refais ton code avec les balises appropiées et repostes le au propre avec des balises qui ont un sens s'il te plait (je pense que tu devrais utiliser les listes pour ton menu). Pourquoi deux div pour l'en tête? 
.
...
