Ma page html n'est pas assez haute

ced60 -
Un Caennais Messages postés 606 Date d'inscription Statut Membre Dernière intervention - 27 juin 2011 à 11:49

Bonjour,
Voila j'ai un problème, j'ai fait un site avec un design dit extensible.
Sur la largeur je n'ai aucun souci, mais c'est sur la hauteur que ca cloche un peu.

En effet, mon site est assez simple, j'ai un header, le contenu, et le footer.
Mais sur certaine page avec peu d'information, le footer n'est pas en bas de la fenetre, ce qui fait qu'on a bien le contenu puis le footer et ensuite la couleur de fond de page pour comble le manque. (bien sur ce bug est aussi celon les résolutions)
Quelqu'un a t'il déjà été confronté a ce problème ?

merci par avance.
Cédric

Afficher la suite

A voir également:

Ma page html n'est pas assez haute
Supprimer page word - Guide
Editeur html - Télécharger - HTML
Faire de google ma page d'accueil - Guide
Imprimer tableau excel sur une page - Guide
Page privée - Guide

1 réponse

Réponse 1 / 1

Un Caennais Messages postés 606 Date d'inscription Statut Membre Dernière intervention 191

Bonjour,

J'ai eu ce problème et si je me rappelle bien c'est dans le CSS que ça se passe (ça j'en suis sûr ^^) mais après c'est une histoire de margin et je crois même de display: block; au niveau du footer

Et juste par curiosité, serait-il possible de voir ton site ? (aucun soucis si tu refuses ;) )

ced60

désolé mais il n'est pas en ligne, je n'ai pas encore d'hébergement mais promis si j'arrive a le terminer je mettrai un lien.
j'ai essayé display : bloc; mais toujours rien. je n'ai pas de margin dans mon footer.

voila le code de mon html :

<body>

	<div id="header"><img src="images/bando.png" alt="" />
	</div>
	
	<div id="menu">
		<ul>
			<li><a href="index.html"><span class="txorange">A</span>ccueil</a></li>
			<li><a href="prestations.html"><span class="txorange">P</span>restations</a></li>
			<li><a href="contact.html"><span class="txorange">C</span>ontact</a></li>
		</ul>
	</div>
		
	
	<div id="contenu">
		
			
	</div>

	<div id="footer">
	<div id="contenufooter">Mentions Légales 
	</div></div>


</body>

et celui de mon css (en mode raccourci, j'ai viré tous ce qui ne servait aps a ce bug):

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color:#000000;
	color:white;
	text-align: center;
	width:100%;

}

	
#header{
	text-align:left;
	background-image: url('images/backbando.png');
	background-repeat:repeat-x;
		
}	


#footer{
	
	background-color:#444444;
	background-image: url('images/footer.png');
	background-repeat:repeat-x;
	text-decoration: none;
	color:#ccc;
	width:100%;
	margin: 0 0 0 0;
}
	
#contenufooter{
text-decoration: none;
padding: 23px 0 0 0;	
z-index:1;
}

Un Caennais Messages postés 606 Date d'inscription Statut Membre Dernière intervention 191

Alors je t'avoue que je n'ai pas de connaissances poussées là-dedans donc dire une solution comme ça n'est pas de mon niveau. A ta place (mais je pense que tu l'as certainement déjà fait) je testerai des trucs ^^

Et pour l'hébergement, en gratuit t'as free (je pense que t'es au courant) mais c'est juste pour te prévenir qu'ils faut quelques jours pour activer le compte et encore quelques jours pour activer la base de donnée donc tu peux t'y prendre à l'avance histoire d'être prêt le jour J (si tu vas chez free hein !)

EDIT : en fait j'ai trouvé grâce au meilleur ami du monde qu'est google. Enfin je pense.
Essaie de mettre un "position: absolute" dans ton css (source : https://forum.alsacreations.com/topic-4-51114-1-Fixer-le-footer-sur-le-bas-de-page.html
PS : ce site est pas mal pour les débutants ou même niveau au-dessus je pense. Sinon il y a le site du zéro qu'est au poil pour bien débuter

Discussions similaires

connection ok mais aucune page ne s'affiche

Espace en HTML

Cette page n'est pas disponible

Votre réponse

Discussions similaires