28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous et à toutes.

Je voudrais savoir comment placer 2 div en bas de page en CSS. En fait, je voudrais mettre un dégradé qui reste en bas de page, et le pied de page qui soit par dessus.

Voici le code que j'ai (aucun essai que je n'ai déjà essayé n'est affiché sur ce code) :

xHTML

<body>
	<div id="background_top"></div>
		
	<div id="background_bottom"></div>
</body>

(les standards xHTML ne sont pas affichés).

CSS

body
{
	width: 100%;
	margin: auto;
	background: url("images/background.jpg");
}

div#background_top
{
	width: 100%;
	height: 250px;
	margin: auto;
	background: url("images/background_top.png") repeat-x;
}

div#background_bottom
{
	width: 100%;
	height: 290px;
	margin: auto;
	background: url("images/background_bottom.png") repeat-x;
}


Merci d'avance.
Modifié par Poniwes (07 Jul 2010 - 20:16)
Bonjour,

L'utilisation du positionnement absolu couplé a un bottom:0; (ou plus si tu ne veux pas que le footer soit collé en bas de page) devrait faire l'affaire.