Pb div sous FF

salut,

je fais un site et je rencontre un Probleme de mise en page (Sous FF seulement), mon probleme est le suivant:
j ai un div (Cadre) qui contient plusieurs div(Bandeau, menu, contenu et image). Les dimenssions de mon div(cadre) ne sont pas pris en compte sous FF(sous IE ca marche trés bien)
j'ai simplifier mon code, j ai laissé que le code de la mise en page:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
<HTML>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<HEAD><TITLE>Cal Senyoret</TITLE>
<link rel="stylesheet" type="text/css" href="styles.css">  
 
</HEAD><BODY class=fond>
 
	<div id="cadre">		
		<div id="bandeau"></div>
		<div id="menu"></div>
		<div id="contenu"></div>
		<div id="image" ></div>
	</div>
 
</BODY>
</HTML>

code css:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
 
div#cadre{
	background-color:#cccccc;
	border-style:solid; 
	border-width:3px; 
	border-color:black;
	width:920px;
	height:100%;
}
 
div#bandeau {
	margin-left:0px;
	width:750px;
	height:160px;
	background-color:#bbbbbb;
	}
div#menu {
	border-style:solid; 
	border-width:1px; 
	border-color:black;	
	float:left;
	width:140px;
	height:700px;
	background-color:#bbbbbb;
	}
div#contenu {
 
	float:left;
	width:580px;
	height:700px;
	background-color:#cccccc;
 
 
	}
 
div#image {
 
	border-style:solid; 
	border-width:1px; 
	border-color:black;
	float:left;
	width:165px;
	height:700px;
	background-color:#bbbbbb;
 
	}

merci d'avance

Enlève le tout premier <html> avant le DOCTYPE ..

Citation:

Envoyé par Bisûnûrs

Enlève le tout premier <html> avant le DOCTYPE ..

Oups :? ....merci
...mais ca ne marche pas

Tu mets une hauteur de 100% à ton div cadre. Seulement la hauteur en pourcentage ne marche que si l'élément parent à une hauteur définie, ce qui n'est pas ton cas.

Rajoute ces lignes tout en haut de ton fichier CSS :
Code:

1 2 3 html,body{ height:100%; }

merci beaucoup pour ta réponse,
j ai rajouté la ligne:
Code:

1 2 3 4 html,body{ height:100%; }
et il me manquais aussi cette ligne dans Cadre:
Code:

1 2 3 4 5 div#cadre{ overflow:hidden; }