Bonjour,
j'ai une page avec quelques div (css):
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
div#container {
	position: relative;
	width: 98%;
	min-width: 1260px;
	top: 0px;
	left: 1%;}
div#content {
	position: relative;
	width: 800px;
	min-width: 800px;
	top: 0px;
	left: 50%;
	margin: 0;
	padding: 0;
	padding-bottom: 70px;
	margin-left: -400px;}
div#footer {
	position: absolute;
	width: 100%;
	height: 70px;
	bottom: 0px;}
Voici le code html:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
<body>
	<div id="container">
		<div id="content">
			<div id="logo">
				<!-- Logo -->
			</div>
		</div>
<div id="footer"></div>
</div>
Or, voici mon problème: min-width est pris en compte par tous les navigateurs (à ma disposition) mais sous IE <7 (la 6 en l'occurence), ce n'est pas le cas.
J'ai trouvé la solution suivante sur le net (à positionner dans le header):
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
<!--[if lt IE 7]> 
		<style type="text/css"> 
			 div#container { 
				width: 1260px; 
				width: expression(document.body.clientWidth <= 1262? "1260px" : "auto"); 
			}
		</style> 
	<![endif]-->
Elle devrait fonctionner, mais en fait si la résolution est < 1260px tout va bien - 1 scroll horizontal apparait; si la résolution est > 1260px div#content et div#footer n'apparaissent plus (0_o), toutefois en cas de redimensionnement en-dessous de 1260px tout s'affiche correctement et au-dessus de 1260px div#content s'affiche bien mais div#footer est écrasé en bas de page (o_0) !?
Je suis un peu perdu, alors merci de votre aide.