Bonjour à tous,

Je voulais commencer sérieusement à me mettre au CSS (et oui il faut quand même !) et là paf je tombe sur un os !!!

J'ai le <div> de class header qui ne fonctionne pas. Il est interprété par IE mais pas par Firefox....

Voici le code méchant ... :

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
 
.body
	{
	width:800px;
	height:100%;
	background-color:blue;
	}
 
.nav_gauche
	{
	width:200px;
	height:100%;
	background-color:red;
	float:left;
	}
 
.contenu_central
	{
	width:600px;
	height:100%;
	background:yellow;
	float:left;
	}
 
.header
	{
	width:800px;
	height:80px;
	background-color:green;
	}
 
.footer
	{
	background-color:green;
	height:80px;
	width:800px;
	}
HTML
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
 
<html>
	<head>
		<title>.:: Test ::.</title>
		<link rel="stylesheet" type="text/css" href="css.css" />
	</head>
	<body>
		<div class="body">
			<div class="header">Header</div>
			<div class="nav_gauche">Navigation menu</div>
			<div class="contenu_central">Contenu central</div>
			<div class="footer">Footer</div>
		</div>
	</body>
</html>

Merci d'avance pour vos futues réponses...