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