28172 sujets

CSS et mise en forme, CSS3

Footer en bas de page

Bonsoir,

Je viens récemment de faire la nouvelle version de mon portfolio, mais j'ai un problème auquel malgré les tutos trouver sur le net, je n'ai pas réussi a régler le soucis d'avoir mon footer en bas de ma page Smiley bawling

http://www.snoupix.com/demo/PiedPage/pied_de_page.html
http://www.wikistuce.info/doku.php/css/pied_de_page#%5B1%5D

et bien d'autres que j'ai été consulter, mais impossible de réussir a le mettre en pratique, que se soit dans le conteneur général ou en extérieur avec du position:absolute, rien a faire, même en m'inspirant sur des sites ayant un footer en bas de page Smiley confus

Je préfère transmettre directement le lien de mon site web comme sa vous aurez directement accès a tous le HTML et CSS et vous pourrez essayer en live avec firebug(firefox), dragonfly(opera) ou developer tool(chrome), d'ailleurs pour simplifier, voici déjà le css :

http://eric-merten.com/css/all.css // CSS pour tous les autres navigateurs
http://eric-merten.com/css/ie.css // Correctif pour IE8 et IE7

Et voici mon site : http://eric-merten.com/

Je vous remercie d'avance car je sèche totalement la Smiley sweatdrop

Edit : J'oubliais, j'ai aussi un espace de 2px je dirais en dessous du footer, j'ai également chercher, j'ai réduit la hauteur, pareil, je comprends pas d'où il sort, si vous avez une explication, évidemment je suis preneur Smiley ohwell
Modifié par Vipear (28 May 2012 - 03:14)
Vue que je n'ai pas de réponse(s), j'ai essayer d'avancer de mon côté, j'ai supprimer quelques aberrations et voici ce que sa donne, c'est a se niveau que je sèche Smiley confus Smiley smile

http://eric-merten.com/test/
Modifié par Vipear (28 May 2012 - 17:46)
Bonsoir à toutes et à tous,

il n'y a rien de compliqué dans la déclaration en CSS, d'une division fixe vis-à-vis d'une fenêtre.
Voici un exemple où une division se trouve toujours fixe et au bas d'une fenêtre.
Je pense que c'est ce que tu recherches !
<!doctype html>
<html>
<head>
<title>Une Division fixe !</title>

<style rel="stylesheet" type="text/css">
body {
			background-color	: maroon;
}

#footer {
			background-color	: lightyellow;

			position			: fixed;
			bottom				: 0;
			left				: 0;
			right				: 0;
			height				: 25px;
}
</style>
</head>

<body>
	<div id="content">
		bla<br />bla<br />bla<br />bla<br />bla<br />bla<br />bla<br />bla<br />
		bla<br />bla<br />bla<br />bla<br />bla<br />bla<br />bla<br />bla<br />
		bla<br />bla<br />bla<br />bla<br />bla<br />bla<br />bla<br />bla<br />
		bla<br />bla<br />bla<br />bla<br />bla<br />bla<br />bla<br />bla<br />
		bla<br />bla<br />bla<br />bla<br />bla<br />bla<br />bla<br />bla<br />
		bla<br />bla<br />bla<br />bla<br />bla<br />bla<br />bla<br />bla<br />
		bla<br />bla<br />bla<br />bla<br />bla<br />bla<br />bla<br />bla<br />
		bla<br />bla<br />bla<br />bla<br />bla<br />bla<br />bla<br />bla<br />
		bla<br />bla<br />bla<br />bla<br />bla<br />bla<br />bla<br />bla<br />
		bla<br />bla<br />bla<br />bla<br />bla<br />bla<br />bla<br />bla<br />
	</div>

	<div id="footer">Ceci est mon pied de page</div>
</body>
</html>


@+
Sujet clos
Aller à