bonjour
je veux refaire mon site avec une base css et je me heurte à un problème de taille
le css
Code :
- div#global {
- position:absolute;
- left: 50%;
- top: 50%;
- width: 1024px;
- height: 768px;
- margin-top: -450px; /* moitié de la hauteur */
- margin-left: -512px; /* moitié de la largeur */
- }
-
- div#bandeau {
- width:980px;
- height:200px;
- position: relative;
- }
- div#menu {
- width:980px;
- height:30px;
- position: absolute;
- z-index: 1;
- }
- div#contenu {
- width:980px;
- height: 100%;
- top: 230px;
- position: absolute;
- background-color:#FFCC00;
- }
- div#piedpage {
- width:980px;
- height:50px;
- top: 830px;
- position: absolute;
- background-color:#33FF99;
- }
|
mon html
Code :
- <div id="global">
- <div id="bandeau"> Ceci est le bandeau</div>
- <div id="menu"><?php include ($_SERVER["DOCUMENT_ROOT"].'/include/menu/menu_horizontal.php');?></div>
- <div id="contenu">
- Ceci est le contenu0<br><br><br><br><b><br><br><br><br><br>
- Ceci est le contenu1<br><br><br><br><br><br><br><br><br><br>
- Ceci est le contenu2<br><br><br><br><br><br><br><br><br><br>
- Ceci est le contenu3<br><br><br><br><br><br><br><br><br><br>
- Ceci est le contenu4
- </div>
- <div id="piedpage">Ceci est le pied de page</div>
- </div>
|
je n'arrive pas à avoir le div#contenu dynamique en hauteur de sorte que lorsque j'arrive en bas, le pied de page descende en même temps que le contenu
merci d'avance a+