Des div qui font ceux qu'ils veulent
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:
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:
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...