Mon site a une largeur défini ( 1000 px) centré dans le navigateur.
Les haut de page et pied de page sont deux balises externes au conteneur celui si contient 3 autres balises :
- une balise div menu
- une balise contenu
- une balise pub
donc voici mon problème j'aimerai que la hauteur de mon site soit au minimum égale à la hauteur de mon navigateur et que si les éléments contenus dans les balises menu, contenu ou pub sont plus importantes que la hauteur du navigateur, se seront celle ci qui serve de repère pour la hauteur du site ( la plus grande de l'une de ces trois balises ). J'aimerais aussi qu'en dessous de mon pied de page il y est une marge comme au dessus. Merci pour vos futures réponses.
Voici ma feuille de style :
Code:
Code : Tout sélectionner
@charset "utf-8";
/* CSS Document */
html, body
{
margin: 0px;
padding: 0;
height: 100%;
background-color:#000000;
}
div#hautpage
{
margin-top: 10px;
width: 1000px;
height: 100px;
background:#000099;
margin-left: auto;
margin-right: auto;
}
div#conteneur
{
width: 1000px;
height: 100%;
background:#0000CC;
margin-left:auto;
margin-right:auto;
}
div#menu
{
float:left;
width: 150px;
height: 100%;
background: #0066FF;
}
div#pub
{
float:right;
width: 150px;
height: 100%;
background: #0066FF;
}
div#contenu
{
overflow: hidden;
height: 100%;
background: #00CCFF;
}
div#piedpage
{
width: 1000px;
background-color: #EFEFEF;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
}