Les <div> ne s'affichent que dans dreamweave

berto Messages postés 40 Statut Membre -  
arthezius Messages postés 3756 Statut Membre -
Bonjour,
j'ai créé une page html et une page CSS, en voilà le code:

page 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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
<link href="css.css" rel="stylesheet" type="text/css" media="screen" />
</head>

<body>
<div id="haut">
<div id="logo">
<img src="img/logo.gif"/>
<!--contenu du logo-->
</div>

<div id="menu_haut">
<img src="img/menu_haut.gif"/>
<!--contenu du menu_haut-->
</div>

<div id="menu_deroulant">
<!--contenu du menu_deroulant-->
</div>
</div>

<div id="contenu">
<!--contenu de la page-->
</div>

<div id="menu_bas">
<!--contenu du menu_bas-->
</div>

</body>
</html>

et le CSS:
@charset "utf-8";
/* CSS Document */

#haut
{
width:1024px;
height:160px;
background-color:#00CCFF;
float: none;
}
#logo
{
width:160px;
height:160px;
position:relative;
float:left;
border: 1px solid black;
}
#menu_haut
{
width:864px;
height:120px;
position:relative;
float: none;
}
#contenu
{
width:1024px;
height:568px;
background-color:#00FF33;
}

#menu_deroulant
{
width:1024px;
height:40px;
background-color:#FF66FF;
}

#menu_bas
{
width:1024px;
height:40px;
background-color:#FF6600;
}

le contenu s'affiche bien dans dreamweaver mais pas dans les explorateurs internet, que ce soit firefox ou internet explorer...
je ne comprend pas pourquoi...;
merci pour votre aide.

2 réponses

vincent170186
 
salut !
essaye de mettre dans tes <div style='display:block'>
on sait jamais !
0
arthezius Messages postés 3756 Statut Membre 475
 
Quand tu dis qu'il s'affiche pas, tu entends quoi par là?
Peut-tu expliqué précisement ce qui ne te va pas? As tu un exemple en ligne?

Je te donnerai avant tout un conseil. Met tout tes div dans un div container qui englobe l'ensemble.
Ainsi pour le placement, tout se fera par rapport à celui-là. C'est souvent bien pratique.
0