28234 sujets

CSS et mise en forme, CSS3

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

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)
Bonjour,

Dans un premier temps, tu a oublié de mettre "px" pour "left: 5;"


#gauche {
	position: absolute;
	left:5 [b]px[/b];
	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+
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 Smiley rolleyes
Sujet clos
Aller à