[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

[bess]

tu vas rire mais mon cerveau compile pas ton code

une url serait mieux pour t'aider

et conseil d'expert : dans le doute passe ton code au validateur Xhtml et CSS :


http://validator.w3.org/unicorn/


Si ca merde sous IE, c'est souvent la cause d'une mauvaise validation

[bess]

attend un peu...

Code :

<section id="content">

tu nous sors un site en HTML5 ?

c'est cool sauf que l'html5 est géré en partie depuis IE9 uniquement, sorti il y a 2 semaines.... :lol: :lol:

[bigbada]

oki, merci pour les conseils...effectivement c'était ma balise <section> qui plaisait pas a IE8.

Merci bien.

[bess]

Si ça résous complètement ton soucis n'oublies pas le [Résolu] dans le titre de ton tout premier message en l'éditant

[Ouik]

en sachant que tu as plusieurs possibilités* pour que IE 6/7/8 prennent en compte ces balises HTML5...si ton gabarit est bel et bien entièrement en html5.

* Il y a plein de ressources sur le net à ce propos ...