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

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [CSS] sortir du flux pour positionner un div en haut de la page

attentio

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 :

<html>
<head>
<style>
* {
margin: 0;
}
html, body {
height: 100%;
}
.contener {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -120px;
border:1px red solid;
width:520px
}
.fond {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto 0px;
border:1px black solid;
background:#CC66CC;
width:500px;
}
.footer {
height: 120px;
border:1px green solid;
width:500px
}
.pousse {
height: 120px;
border:1px yellow solid;
}
</style>
</head>
<body>
<div align="center" style="background:yellow">
<div align="center" style="background:#eeeeee;">
<div class="contener">
<p>contenu</p>
<p>contenu</p>
<p>contenu</p>
<p>contenu</p>
<p>contenu</p>
<p>contenu</p>
<p>contenu</p>
<p>contenu</p>
<div class="pousse"></div>
</div>
</div>
<div align="center" >
<div class="footer" >
<p>Copyright (c) 2008</p>
</div>
</div>
</div>
<!-- <div class="fond"></div> -- >.
</body>
</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 :

<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

Publicité

theredled

● REC

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

FORUM HardWare.fr

Programmation

HTML/CSS

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

Sujets relatifs
sortir d'un programme à tout moment	Marge dans une page web
Créé une page d'acceuil pour mon site...	Modifications de code PHP (mise en page)
recuperer resultset d'une requete servlet dans une page jsp	chercher proprietaire d'une page voila.fr
Probleme CSS entre FF et IE	Ouvrir une nouvelle page web avec des options
-Résolu- Formulaire en fin de page...qui ne s'affiche pas	Appeler SQL sans recharger une page PHP
Plus de sujets relatifs à : [CSS] sortir du flux pour positionner un div en haut de la page

Page générée en 0.059 secondes