sur firefox bonne affichage des colonne etc mais su IE j'ai l'affichage n'est pas du tout correct. aider moi !!!!
-----code html-------
---- ma feuille de style.css----
---- ma feuille de style.ie.css----
Modifié par hnonossi (26 Oct 2007 - 15:56)
-----code html-------
<!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="en" lang="en">
<head>
<title></title>
<meta name="keywords" content="">
<meta content="fr" http-equiv="content-language">
<meta http-equiv="content-type" content="text/html"; charset="iso-8859-1">
<link rel='stylesheet' type='text/css' href='style.css' />
<!--[if lt IE 7]>
<link rel='stylesheet' type='text/css' href="style.ie.css' />
<![endif]-->
</head>
<body>
<div id="entete">
<h1>Enttoooo</h1>
</div>
<div id="conteneur">
<div id="gauche">
colonne gauche;
</div>
<div id="contenue">
<p>For many years, the X Consortium was
</p>
</p>
</div>
<div id="droite">
colonne droite
</div>
</div>
<div id="pied">
piede de pazs,dlzkdzed,zled,data
</div>
<div id="pied">
piede de pazs,dlzkdzed,zled,data
</div>
</body>
</html>
---- ma feuille de style.css----
body {
margin: 0; /* pour éviter les marges */
padding:0 20px;
text-align: center; /* pour corriger le bug de centrage IE */
background-color:groove;
font:12px sans-serif;
text-align:left;
}
div#entete,
div#pied,
div#conteneur {
border: 1px solid black;
background-color:green;
min-width: 800px;
max-width: 1280px;
}
div#conteneur {
position:relative;
margin:0 auto;
background-color:yellow;
}
div#entete{
margin: 10px auto -1px auto;
background-color:red;
}
div#entete h1 {
margin: 5p;
}
div#gauche {
position:absolute;
top:0;
bottom:0;
left:0;
width:160px;
padding:5px;
border-right: 1px solid black;
background-color:gray;
}
div#contenue{
margin-left:161px;
background:white;
border: 1px solid white;
padding:10px;
margin-right:161px;
background-color:maroon;
}
div#droite {
position:absolute;
top:0;
bottom :0;
right:0;
width:160px;
padding:5px;
border-left: 1px solid black;
}
div#pied {
margin: -1px auto 0 auto;
}
---- ma feuille de style.ie.css----
div#entete,
div#pied,
div#conteneur {
width: expression(document.clientWidth <= 800? 800 : (document.clientWidth >= 1280? "1280px" : "100%"));
height: 5px;
}
div#gauche {
height: expression(document.getElementById('conteneur').offsetHeight - 12);
}
div#droite {
height: expression(document.getElementById('conteneur').offsetHeight - 12);
}
Modifié par hnonossi (26 Oct 2007 - 15:56)