Discussion :

[dam28800]

Bonjour à tous,

J'ai un deisgn en css avec un haut de page un contenu et un pied de page.
Dans mon contenu j'ei mon menu et mon sous contenu.

Le problème est que mon pied de page reste en haut...
Pourtant je l'ai bien mis dans mon code html après la fermeture de ma balise contenu.

Cela ce produit lorsque je met la balise position : absolute; à ma balise contenu.
Si je l'enlève le fond du contenu ne s'applique pas.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
#contenu
	{
	padding-top: 5px;
	position: absolute;
	height: auto !important; /* tous sauf IE */
	min-height: 550px; /* tous sauf IE */
	background-image:url(../images/fond_contenu.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	background-color: #FFFFFF;
	}
 
#pied_page
	{	
	height: 20px;
	padding-right: 18px;
	text-align:right;
	background-image: url(../images/fond_pied.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	}

Merci d'avance de votre aide.

[Macmillenium]

Bonjour,

Dans mon contenu j'ei mon menu et mon sous contenu.

Le problème est que mon pied de page reste en haut...


Pourtant je l'ai bien mis dans mon code html après la fermeture de ma balise contenu.

Cela ce produit lorsque je met la balise position : absolute; à ma balise contenu.

Le position:absolute retire l'élément #contenu du flux normal, ce dernier n'a aucun impact sur les autres éléments dans le flux => comme s'il n'existe pas.
Dans ton cas, #pied_page (étant donné qu'il suit directement #contenu) remonte après le dernier élément dans le flux, c'est à dire, le haut de page.

Si je l'enlève le fond du contenu ne s'applique pas.

ça ne devrait pas, #contenu est bien un élément block ?
Sinon, merci de poster ton code (X)HTML.