Discussion :

[razily]

Bonjour à tous ;
voilà je souhaiterai savoir comment faire pour spécifier le bloc de pied de page à ce qu'il reste par exemple à une certaine position par rapport à la ligne de fin de page je m"explique mon site fait (960x768)
mais le problème c'est que j'ai créé une template header et footer et contenu :

et que mon footer ne se positionne pas correctement à la place voulue selon le contenu :

voici le code css :

Code :

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

1
2
3
4
5
6
7
8
9
 
 
div#pieddepage.grid_12
{background-color:#467CBF;height:150px;
height:121px;
margin-top:20px;
position:relative;
top:2px;
}

la j'ai spécifié qu'il se place par rapport à la dernière div en dessus !!
sauf que le réel souci c'est que pour chaque page ce dernière div n'est pas tous identique
alors que moi mon footer je préfère qu'il reste sur la même position

merci

[Invité]

Bonjour,
le principe :

Code css :

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
23
24
<style type="text/css">
* { margin:0; padding:0; }
html, body { position:relative; margin:0; padding:0; width:100%; height:100%; }
#global { 
	position:relative; /* obligatoire */
	min-height:100%; 
	background:yellow; 
}
#header { 
	height:80px; 
	background:blue; 
}
#contenu { 
	padding-bottom:115px; /* (meme que hauteur footer) */
	background:red; 
}
#footer { 
	height:115px;  /* (hauteur footer) */
	position:absolute; /* position par rapport à #global */
	bottom:0; /* positionné en bas de #global */
	width:100%;
	background:green; 
}
</style>

Code html :

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

1
2
3
4
5
6
 
<div id="global">
<div id="header">HEADER...</div>
<div id="contenu">CONTENU...</div>
<div id="footer">FOOTER...</div>
</div>

[razily]

merci