[bigbada]

#~~~~~ DEBUT BLOC A NE PAS SUPPRIMER ~~~~~
#~ Version du CMS: #1.9.4.1
#~ Url du site :
#~ Hébergeur / Soft : amen
#~ Informations Système :
#~~~~~ FIN BLOC A NE PAS SUPPRIMER ~~~~~

Bonjour.

Je réalise actuellement un site pour un client. J'ai utilisé les classe suivantes pour le design :

/* Content */
#content {

}
#content .top {
background: #ffffff;
padding:0px 0 0px 0px;
height : 350px;
}
#content .middle {
border-top:6px solid #f4f4f4;
background:#f9f9f9;
background-color:#f9f9f9;
padding:10px 10 0px 0;
}
#content .bottom {
border-top:6px solid #171717;
background: #00234a;
padding:30px 0 40px 0;
color:#5c5c5c;
background-color:#00234a;
}

ceci affiche donc un partie haute blanche, une au milieu grise et une en bas bleu.

voici le gabarit auxquel doit s'appliquer le css :

<section id="content">



<div class="top">
<div class="container">
<div class="alignleft">
<img src="uploads/ondora/globe-water2.jpg" >

<div class="boxSubContentRight">
{content block="Sub Content Right"}
</div>

</div>
</div>
</div>
<div class="middle">
<div class="container">
<div class="clearfix">

<div class="grid9">

{content}
</div>



</div>
</div>
</div>

<div class="bottom">
<div class="container">
<div class="clearfix">
<div class="grid6 first">
<h3>Gamme de services</h3>
<div class="wrapper">
<div class="grid3 first">
<ul class="list2">
<li><a href="#">Traitement des factures </a></li>
<li><a href="#">Comptabilité générale et tenue des livres
</a></li>
<li><a href="#">Grand livre des ventes / tiers débiteurs y compris facturation et contrôle de crédit </a></li>
<li><a href="#">Grand livre des achats / tiers créditeurs y compris le paiement des fournisseurs
</a></li>
<li><a href="#">Déclaration de TVA
</a></li>
<li><a href="#">Comptabilité multidevises
</a></li>
<li><a href="#">Contrôling
</a></li>
</ul>
</div>
<div class="grid3">
<h3>Outsourcing éthique</h3>
Petit texte à rediger pour introduire la rubrique ethique
<p> <a href="#">En savoir+
</a></p>


</div>
</div>
</div>
<div class="grid3">
<h3>News</h3>
{news}
</div>
<div class="grid3">
<h3>Downloads</h3>
<p>video</p>
<ul class="list1">
<li><a href="#">corporate</a></li>
<li><a href="#">exemple</a></li>
<li><a href="#">exemple</a></li>
</ul>
</div>
<div class="grid3">
<div id="datepicker"> </div>
</div>
</div>
</div>
</div>
</section>


Mon probleme : l'affichage marche sur tous les navigateur, mais pas sur IE. J'ai dabord pensé qu'il s'agissait du bug multiclass de IE6, mais apres test sur IE8 meme probleme. Mes pages apparaissent toute blanche... pas de bordures, pas de couleur de fond...

Merci pour votre aide