(résolu) Problème de mise en page CSS IE6/7

Auteur
renard9	# 16 Mar 2010 - 20:00:20
22 Posts	Bonjour J'ai créé mon site http://www.votrecoop.org/ essentiellement pour Firefox. Malheureusement, j'ai quelques utilisateurs sous IE 6/7. et le résultat n'a jamais été merveilleux cela parait pourtant simple body { font-family:Arial, Helvetica, sans-serif; font-size: 0.8em; background-color: rgb(255,255,204); margin: 0; padding: 0; } #header { height: 90px; background-color: rgb(255,255,204); text-align: center ; } #conteneur { position: absolute; width: 100%; background-color: rgb(255,255,204); } #centre { background-color: rgb(255,255,204); margin-left: 200px; margin-right: 20px; text-align: justify; } #gauche { position: absolute; left:5; width: 180px; background-color: rgb(255,255,180); border: 1px solid #ccc; } #pied { padding-top: 20px; height: 30px; background-color: rgb(255,255,204); } <?php header('Content-Type: text/html; charset=ISO-8859-1'); echo '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">'.chr(10); echo "<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='fr' lang='fr'>".chr(10); echo "<head>"; echo "<title>"; echo htmlentities("Mon titre"); echo "</title>"; echo "<link rel='stylesheet' href='template_style.css' type='text/css' />"; echo "</head>".chr(10); echo "<body>".chr(10); echo "<div id='conteneur'>"; echo "<div id='header'>"; echo "haut_page"; echo "</div>"; echo "<div id='gauche'>"; echo "gauche"; echo "</div>".chr(10); echo "<div id='centre'>".chr(10); echo "<table width='100%' class='texte_base_gras' border='0' cellspacing='0' cellpadding='0'>"; echo "<tr>".chr(10); echo "<td height='29' class='titreforumend' align='center' style='padding-left:8px'>".htmlentities("Titre 1")."</td>"; echo "</tr>".chr(10); echo "</table>".chr(10); echo "<blockquote><span class='texte_base_fin'>"; echo htmlentities("paragraphe1 "); echo "</span></blockquote>"; echo "<table width='100%' class='texte_base_gras' border='0' cellspacing='0' cellpadding='0'>"; echo "<tr>".chr(10); echo "<td height='29' class='titreforumend' align='center' style='padding-left:8px'>".htmlentities("Titre 2")."</td>"; echo "</tr>".chr(10); echo "</table>".chr(10); echo "<blockquote><span class='texte_base_fin'>"; echo htmlentities("paragraphe2 "); echo "</span></blockquote>"; echo "</div>".chr(10); echo "<div id='pied'>"; echo"bas_page.php"; echo '</div>'.chr(10); echo "</div>"; echo "</body>"; echo "</html>"; ?> Pouvez vous me conseiller svp ? Merci d'avance Modifié par renard9 (18 Mar 2010 - 22:38)
22 Posts
mamax	# 17 Mar 2010 - 12:25:18
180 Posts	Bonjour, Dans un premier temps, tu a oublié de mettre "px" pour "left: 5;" `#gauche { position: absolute; left:5 px; width: 180px; background-color: rgb(255,255,180); border: 1px solid #ccc; }` Après ça ton menu de gauche sera bien placé à gauche. Pour le reste, il faudra voir au cas par cas. il n'y a pas de recette miracle pour rendre en un seul click un page compatible partout. A+
180 Posts
renard9	# 17 Mar 2010 - 23:22:18
22 Posts	Merci pour cette réponse. Je vais vérifier demain mais la solution semble là... Sans etre pro du CSS, je pense que j'aurai du observer que je n'avais pas la meme syntaxe
22 Posts
renard9	# 18 Mar 2010 - 22:39:17
22 Posts	un grand merci à toi
22 Posts