sur firefox bonne affichage des colonne etc mais su IE j'ai l'affichage n'est pas du tout correct. aider moi !!!!

-----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)
Bonjour et bienvenue, Smiley cligne

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation.

upload/1-code.gif
Salut,
j'ai pas tout reverifier ton code, j'ai juste enlever :
 <!--[if lt IE 7]>
<link rel='stylesheet' type='text/css' href="style.ie.css' />
<! endif -->


j'utilise Mozilla et IE7, sur les deux j'ai le même affichage.

Par contre, tu as de nombreuses erreurs. Rectifie avec w3c.

Bonne continuation.

++
Et bien essaie de virer toutes les couleurs de fond ...puis met assez de texte dans le contenue : 50 lignes a peu pres dans des balise <p>.
dans les colonnes gauche et droite met juste 3 ligne de teste.
tu vera que sur explorer ya un souci : le texte déborde dans la colonne de droite. En plus les colonnes gauche et droite ont leurs bordures racoucies mais sous firefox tous semble normale.

please passe moi le link de w3c. merci
Je suis bloquer !!!


<!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' />
		
	</head>
	
	<body>
		<div id="entete">
			<h1>Enttoooo</h1>
		</div>
		
		<div id="conteneur">
				<div id="gauche">
					dazedzaedzdddazdazdazd
					zaedaazre	taereytyryr
					reyzyrzytrrt
					ezadfgtkjryhtrjhety
					trhyerkitluitkrjt
					rtzjkrliutkyj
					tryjkulitko
					fdzadfaezrfgzegz
					azerfae"ztegfzef
					zefgzetgertg
					ezrfazereztez
					ezrfzerzerezr
					ezrzerezrezrezrez
					ezrfazereztezezr
					zefgzetgertgez
					rze
					ezadfgtkjryhtrjhetyrez
					rez
					ezadfgtkjryhtrjhetyez
					rzeez
					rzeezre
					readonlye
					rzer
					er
					erez
					ezrfazereztezezre
					ezadfgtkjryhtrjhetyezr
					ezadfgtkjryhtrj
				</div>
				<div id="contenue">
					<p>For many years, the X Consortium was the chief opponent of copyleft. 
					t exerted both moral suasion and pressure to discourage free software 
					developers from copylefting their programs. It used moral suasion by suggesting 
					that it is not nice to say no. It used pressure through its rule that copylefted software 
					could not be in the X Distribution.Why did the X Consortium adopt this policy? It had to do
					with their definition of success. The X Consortium defined success as popularity--specifically,
					getting computer companies to use the X Window System. This definition put the computer
					companies in the driver's seat. Whatever they wanted, the X Consortium had to help them get it.
					Computer companies normally distribute proprietary software. They wanted free software 
					developers to donate their work for such use. If they had asked for this directly, people 
					would have laughed. But the X Consortium, fronting for them, could present this request as 
					an unselfish one. “Join us in donating our work to proprietary software developers,” they said, 
					suggesting that this is a noble form of self-sacrifice. “Join us in achieving popularity,” 
					they said, suggesting that it was not even a sacrifice.But self-sacrifice is not the issue: 
					tossing away the defense that copyleft provides, which protects the freedom of the whole community, 
					is sacrificing more than yourself. Those who granted the X Consortium's request entrusted the 
					community's future to the good will of the X Consortium.This trust was misplaced. In its last year, 
					the X Consortium made a plan to restrict the forthcoming X11R6.4 release so that it will not be free 
					software. They decided to start saying no, not only to proprietary software developers, but to our 
					community as well.There is an irony here. If you said yes when the X Consortium asked you not to 
					use copyleft, you put the X Consortium in a position to license and restrict its version of your program, 
					along with the code for the core of X.The X Consortium did not carry out this plan. Instead it closed down
					 and transferred X development to the Open Group, whose staff are now carrying out a similar plan. 
					 To give them credit, when I asked them to release X11R6.4 under the GNU GPL in parallel with their 
					 planned restrictive license, they were willing to consider the idea. (They were firmly against staying 
					 with the old X11 distribution terms.) Before they said yes or no to this proposal, it had already failed 
					 for another reason: the XFree86 group follows the X Consortium's old policy, and will not accept copylefted software.
					</p>
										<p>For many years, the X Consortium was the chief opponent of copyleft. 
					t exerted both moral suasion and pressure to discourage free software 
					developers from copylefting their programs. It used moral suasion by suggesting 
					that it is not nice to say no. It used pressure through its rule that copylefted software 
					could not be in the X Distribution.Why did the X Consortium adopt this policy? It had to do
					with their definition of success. The X Consortium defined success as popularity--specifically,
					getting computer companies to use the X Window System. This definition put the computer
					companies in the driver's seat. Whatever they wanted, the X Consortium had to help them get it.
					Computer companies normally distribute proprietary software. They wanted free software 
					developers to donate their work for such use. If they had asked for this directly, people 
					would have laughed. But the X Consortium, fronting for them, could present this request as 
					an unselfish one. “Join us in donating our work to proprietary software developers,” they said, 
					suggesting that this is a noble form of self-sacrifice. “Join us in achieving popularity,” 
					they said, suggesting that it was not even a sacrifice.But self-sacrifice is not the issue: 
					tossing away the defense that copyleft provides, which protects the freedom of the whole community, 
					is sacrificing more than yourself. Those who granted the X Consortium's request entrusted the 
					community's future to the good will of the X Consortium.This trust was misplaced. In its last year, 
					the X Consortium made a plan to restrict the forthcoming X11R6.4 release so that it will not be free 
					software. They decided to start saying no, not only to proprietary software developers, but to our 
					community as well.There is an irony here. If you said yes when the X Consortium asked you not to 
					use copyleft, you put the X Consortium in a position to license and restrict its version of your program, 
					along with the code for the core of X.The X Consortium did not carry out this plan. Instead it closed down
					 and transferred X development to the Open Group, whose staff are now carrying out a similar plan. 
					 To give them credit, when I asked them to release X11R6.4 under the GNU GPL in parallel with their 
					 planned restrictive license, they were willing to consider the idea. (They were firmly against staying 
					 with the old X11 distribution terms.) Before they said yes or no to this proposal, it had already failed 
					 for another reason: the XFree86 group follows the X Consortium's old policy, and will not accept copylefted software.
					</p>
				</div>
				<div id="droite">
					dazedzaedzdddazdazdazd
					zaedaazre	taereytyryr
					reyzyrzytrrt
					ezadfgtkjryhtrjhety
					trhyerkitluitkrjt
					rtzjkrliutkyj
					tryjkulitko
					fdzadfaezrfgzegz
					azerfae"ztegfzef
					zefgzetgertg
					ezrfazereztez
					ezrfzerzerezr
					ezrzerezrezrezrez
					ezrfazereztezezr
					zefgzetgertgez
					rze
					ezadfgtkjryhtrjhetyrez
					rez
					ezadfgtkjryhtrjhetyez
					rzeez
					rzeezre
					readonlye
					rzer
					er
					erez
					ezrfazereztezezre
					ezadfgtkjryhtrjhetyezr
					ezadfgtkjryhtrj
				</div>
		</div>
		<div id="pied">
					piede de pazs,dlzkdzed,zled,data
		</div>
		<div id="pied">
					piede de pazs,dlzkdzed,zled,data
		</div>
	</body>
</html>


-------fichier style.css-----------

Remarquer ici que IE ne chope pas min-width : 800px;
max-width : 1280px;-------------

Je ne sais plus quoi faire de plus .le border des colonnes sur IE sont bizards et
il y a un debordement du texte dans la colonne droite !!!


body {
margin : 0;
padding : 0 20px;
text-align : center;
background-color : #fff8dc;
font : 12px sans-serif;
text-align : left;
}
div#entete, div#pied, div#conteneur {
border : 1px solid black;
min-width : 800px;
max-width : 1280px;
}
div#conteneur {
position : relative;
margin : 0 auto;
}
div#entete {
margin : 10px auto -1px auto;
}
div#entete h1 {
margin : 5px;
}
div#gauche {
position : absolute;
top : 0;
bottom : 0;
left : 0;
width : 160px;
padding : 5px;
border-right : 1px solid black;
}
div#contenue {
margin-left : 161px;
background : white;
border : 1px solid white;
padding : 10px;
margin-right : 161px;
}
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;
}
hnonossi a écrit :
please passe moi le link de w3c. merci

Le site du World Wide Web Consortium ou W3C est accessible à l'adresse suivante:
http://www.w3.org/

Le service de validation du code HTML est par contre disponible à l'adresse suivante:
http://validator.w3.org/

Je pense que le-sarde faisait référence à ce dernier.
Sur le plan mise en page CSS:

1. Déjà, les marges latérales du bloc central sont trop faibles. Tes colonnes font 171px de large chacune, pas 161px. Donc tu peux commencer par corriger ça.

2. Ensuite, le problème qui te reste est que le positionnement absolu de div#droite par rapport à son conteneur (div#conteneur) positionné en relatif ne se fait pas très bien, il y a un décalage. Il faudra conférer le layout à div#conteneur via un height: 1% par exemple.
Plus d'infos ici:
http://web.covertprestige.info/test/12-positionnement-absolu-selon-conteneur.html

3. Reste juste le problème de la hauteur des colonnes latérales. Là, c'est assez simple: si tu pars du principe que la colonne centrale sera toujours plus grande que les colonnes latérales (ce qui est indispensable si tu positionnes ces colonnes latérales en absolu!), tu peux placer les bordures sur la colonne centrale plutôt que sur les colonnes latérales.
Sinon: on utilisera la technique des colonnes factices (quoi qu'avec une largeur fluide, ça risque d'être pas évident).
vos reponses m'ont servi á corriger mon code, mais j'ai toujours un soucis avec ie qui prend pas min-width : 800px; max-width : 1280px; car a partir d'une certaine resolution il devrait me proposer un scroll bar en bas du navigateur.
mozilla le fait bien mais IE ne veut pas !!

je n'arrive pas ! Smiley decu
hnonossi a écrit :
mozilla le fait bien mais IE ne veut pas !!

Bref, c'est ton correctif pour IE 6, à base de Javascript, qui ne passe pas?

Dans le premier exemple de code que tu donnais, il y avait un correctif pour IE6 et inférieurs (feuille de styles appelée via un commentaire conditionnel). Je n'en trouve plus trace dans ton deuxième exemple de code HTML.

La ligne utilisée pour simuler min-width et max-width dans IE 5-6 était la suivante:
width: expression(document.clientWidth <= 800? 800 : (document.clientWidth >= 1280? "1280px" : "100%"));

Déjà, est-ce qu'il ne faudrait pas corriger ainsi:
width: expression(document.clientWidth <= 800? "800px" : (document.clientWidth >= 1280? "1280px" : "100%"));

Parce qu'avec la première version, si la fenêtre a une largeur de 800px ou moins, tu donnes une largeur de "800" à l'élément... voire de rien du tout, si l'absence de quotes pose problème. Le problème vient peut-être de là?
Par ailleurs, il serait plus logique de faire:
width: expression(document.clientWidth <= 800? "760px" : (document.clientWidth >= 1280? "1200px" : "100%"));
par exemple...