Forum Clubic

Problème css dans firefox

Bonjour à tous,

Je galère comme jamais, pourtant je reste persuadé que mon code est bon, du coup je sèche…

Je sais que mon code devra être modifié pour correctement s’afficher mais là n’est pas (encore) le problème.

En fait le problème c’est que sous IE7, mon code fonctionne correctement mais sous Firefox, ça ne prend pas le positionnement de mes div… Seul les textes s’affichent correctement…

Je vous met ici mon code XHTML et ma feuille de style.

Merci de m’aider ! Franchement je comprend pas d’où vient le problème???:frowning:

<!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" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
<link href="./style.css" rel="stylesheet" type="text/css" />
</head>

<body>

<div id="page">

<div id="header">
Header
</div>
    

<div id="menu">
Menu
</div>
    
    <div id="gauche">
    Gauche
    </div> 
        
  	<div id="droite">
    Droite
    </div>
    
 		<div id="contenu">
        Contenu
  		</div>

        
<!-- footer -->         
<div id="footer">
Footer
</div>   
<!-- fin div page -->          
</div>

</body>
</html>

Le feuille de style :

body {
	font-family: Verdana,Helvetica,Sans-Serif; 
	font-size: 18px;
	text-align: center; 
	margin: 0;
	padding: 0;
	color: #333333;
	}

<!-- Div principales (Header, contenu page, menu gauche et droite, centre et footer -->

#page {
	position: relative;
	max-width: 1000px;
	min-width: 766px;
	margin: 0 auto;
}

#header {
	height: 50px;
	background-color: #FFCCCC;
}

#gauche {
	position: absolute;
	left:0;
	width: 150px;
	background-color: #00CC66;
}

#droite {
	position: absolute;
	right:0;
	width: 150px;
	background-color: #0066FF;
}

#contenu {
	margin-left: 150px;
	margin-right: 150px;
	background-color: #996699;
}

#footer {
	height: 30px;
	background-color: #9999CC;
}

<!-- Div menu principal -->

#menu {
	height: 30px;
	background-color: #CC33CC;
}

Merci d’avance pour votre aide !:wink:

salut,

enlève tes commentaires :wink:


ps : FF a une console d'erreur pas trop mal foutue! penses à l'utiliser!

je confirme. enleve tes commentaires dans ton css et tu verra sa fonctionnera sous FF.

si tu veus mettre des commentaires

//////////////////////////////////////
Le Header Banniere
/////////////////////////////////////
/

par exemple

Plutôt /* et */ pour être précis, et sinon <!-- ce sont des commentaires XML. Rien à faire dans un fichier CSS :slight_smile: