Pb div sous FF

**reg64** · 27/12/2006, 13h04

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 HTML :

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
 
<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 :

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
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

**Bisûnûrs** · 27/12/2006, 14h06

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

**reg64** · 27/12/2006, 14h32

Envoyé par Bisûnûrs

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

Oups

....merci
...mais ca ne marche pas

**Bisûnûrs** · 27/12/2006, 14h39

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**reg64** · 27/12/2006, 15h32

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

et il me manquais aussi cette ligne dans Cadre:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Pb div sous FF

CSS

Vue hybride

Discussions similaires

Partager

Partager