Bonjour a tous pour commencer.
depuis un moment j'ai un probleme avec mon site, cad que comme d'habitude , j'ai un probleme d'affichage entre ie et firefox.
le site s'affiche bien sous ie mais un probleme sous firefox.
je pense qu'il s'agit d'une simple erreur de ma part
je voudrais que ma div global aille se collé au footer, afin que la couleur d'arriere plan sois continue ( c'est la meme couleur entre menugauche, droite, centre et global)
voici mon code ( c'est un exemple)
index
css
je vous remercie d'avance si vous pouvez me faire comprendre pourquoi j'avais cette erreur
et désolé pour le sujet qui a du etre posé 1000 fois mais je n'ai pas trouver d'aide tout seul
Modifié par huskyboy (30 Jan 2008 - 10:20)
depuis un moment j'ai un probleme avec mon site, cad que comme d'habitude , j'ai un probleme d'affichage entre ie et firefox.
le site s'affiche bien sous ie mais un probleme sous firefox.
je pense qu'il s'agit d'une simple erreur de ma part
je voudrais que ma div global aille se collé au footer, afin que la couleur d'arriere plan sois continue ( c'est la meme couleur entre menugauche, droite, centre et global)
voici mon code ( c'est un exemple)
index
<!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=iso-8859-1" />
<title>Document sans nom</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<!-- contenu du header -->
</div>
<div id="global">
<div id="menu_gauche">
<!-- contenu du menu de gauche -->
</div>
<div id="menu_droite">
<!-- contenu du menu de droite -->
</div>
<div id="page_principale">
<p>
<!-- contenu de la page principale (étirable) -->
</p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
</div>
<div id="footer">
<!-- contenu du footer -->
</div>
</body>
</html>
css
body {
margin: 0px;
text-align: center;
}
#header{
border: 1px solid red;
position:relative;
margin-left: auto;
margin-right: auto;
width:775px;
height:125px;
background-color: #009933;
}
#global{
border: 1px solid red;
position:relative;
margin-left: auto;
margin-right: auto;
width: 770px;
background-color: #FF0000;
}
#menu_gauche{
border: 1px solid red;
float:left;
position:relative;
width: 18%;
height:395px;
background-color: #FF0000;
}
#menu_droite{
border: 1px solid red;
float:right;
position:relative;
height:375px;
text-align:left;
width: 137px;
background-color: #FF0000;
}
#page_principale{
border: 1px solid red;
float:left;
position:relative;
left:0px;
width:485px;
background-color: #FF0000;
}
#footer{
border: 1px solid red;
position:relative;
width: 770px;
height:80px;
clear:both;
background-color: #0099FF;
left: auto;
margin: auto;
}
je vous remercie d'avance si vous pouvez me faire comprendre pourquoi j'avais cette erreur
et désolé pour le sujet qui a du etre posé 1000 fois mais je n'ai pas trouver d'aide tout seul
Modifié par huskyboy (30 Jan 2008 - 10:20)
