[CSS] sortir du flux pour positionner un div en haut de la page

sortir du flux pour positionner un div en haut de la page [CSS] - HTML/CSS - Programmation

Marsh Posté le 04-06-2008 à 15:06:44    

bonjour,
 
voila j'ai un code qui me permet d'avoir toujours mon footer en bas de ma page quelque soit le contenu.
cela fonctionne tres bien.
 
voici ma page :

Code :
  1. <html>
  2. <head>
  3. <style>
  4. * {
  5. margin: 0;
  6. }
  7. html, body {
  8. height: 100%;
  9. }
  10. .contener {
  11. min-height: 100%;
  12. height: auto !important;
  13. height: 100%;
  14. margin: 0 auto -120px;
  15. border:1px red solid;
  16. width:520px
  17. }
  18. .fond {
  20. min-height: 100%;
  21. height: auto !important;
  22. height: 100%;
  23. margin: 0 auto 0px;
  24. border:1px black solid;
  25. background:#CC66CC;
  26. width:500px;
  27. }
  28. .footer {
  29. height: 120px;
  30. border:1px green solid;
  31. width:500px
  32. }
  33. .pousse {
  34. height: 120px;
  35. border:1px yellow solid;
  36. }
  37. </style>
  38. </head>
  39. <body>
  40. <div align="center" style="background:yellow">
  43. <div align="center" style="background:#eeeeee;">
  44.  <div class="contener">
  45.   <p>contenu</p>
  46.   <p>contenu</p>
  47.   <p>contenu</p>
  48.   <p>contenu</p>
  49.   <p>contenu</p>
  50.   <p>contenu</p>
  51.   <p>contenu</p>
  52.   <p>contenu</p>
  53.   <div class="pousse"></div>
  54.  </div>
  55. </div>
  56. <div align="center" >
  57.  <div class="footer" >
  58.   <p>Copyright (c) 2008</p>
  59.  </div>
  60. </div>
  61. </div>
  62. <!-- <div class="fond"></div> -- >.
  63. </body>
  64. </html>


 
mais je voudrais ajouter à ma page un div qui fasse toute la hauteur de ma page qui soit sous tous les div "contener" et "footer" (le tout etant centré) pour faire un fond (j'ai deja un fond sur le "contener" )

Code :
  1. <div class="fond"></div>


 
je ne sais pas trop comment m'y prendre. jai essayé de placer des floats un peu partout et de le positionner a différents endroits dans ma page mais je n'arrive jamais a avoir ce que je veux
 
 
merci de votre aide


Message édité par attentio le 04-06-2008 à 15:14:24
Reply

Marsh Posté le 04-06-2008 à 15:06:44   

Reply

Marsh Posté le 06-06-2008 à 01:02:41    

pourquoi tu ne mets pas un fond à une div conteneuse, ou au body ?
 
Et pourquoi ces align="center" ? :(


---------------
Contes de fées en yaourt --- █ --- zed, souviens-toi de ma dernière lettre. --- Rate ta musique
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed