Debutant en css

bonjour

je veux refaire mon site avec une base css et je me heurte à un problème de taille

le css

    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;
    }

le html

    <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+

Bonjour,

La première chose à faire est de te débarasser du positionnement absolu.

Ensuite, pour te simplifier la vie, il y a les gabarits de Florent

merci pour les liens

mais aprés essais c'est pire qu'avant ya rien qui marche

Bonjour,

il faut (enfin c'est chaudement recommandé) aussi mettre du vrai contenu qu'on appelle ... du faux-texte (lorem ipsum ou notre schnapsum).
Les gabarits de Florent V. ou la méthode qu'il utilise, ça fonctionne très bien vu qu'on est une pelletée à les utiliser Une page en ligne pour nous montrer où tu en es peut-être ?

sous IE7 le menu marche pas, le contenu ???, le pied de page est parti en ballade

sous FF est ok j'ai le resultat excompte

en ligne http://charbon.re/randonner_a_la_reunion/index.php?lang=
Modifié par gilles974 (12 Aug 2011 - 11:46)

Et avec un doctype ?

tu as vraiment étudié les gabarits ?

j'ai essaye de comprendre mais je crois que je vais retourner aux bons vieux tableaux au moins ça marche partout

Non ! Ne te décourage pas ! Ne cède pas à la prétendue facilité des tableaux...

Salut


css3please

jmlapam a écrit :
Salut


css3please

Je ne pense pas que ce site soit pertinent pour le moment, il permet d'obtenir des effets sympathiques apportés par CSS3, certes mais ici il est plus question de positionnement, et d'apprentissage de CSS.

Sinon, j'approuve ce qui a été dit plus haut, à savoir : enlève le position:absolute sur ton #global. A quoi te sert-il ?
Modifié par AkaiKen (13 Aug 2011 - 00:22)

AkaiKen a écrit :


Sinon, j'approuve ce qui a été dit plus haut, à savoir : enlève le position:absolute sur ton #global. A quoi te sert-il ?

Bah le selecteur position, on en met partout quand on débute.