Ma page html n'est pas assez haute

Fermé

ced60 - 27 juin 2011 à 08:50
Un Caennais Messages postés 605 Date d'inscription jeudi 16 décembre 2010 Statut Membre Dernière intervention 30 mai 2018 - 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

A voir également:

Ma page html n'est pas assez haute
Supprimer une page word - Guide
Editeur html - Télécharger - HTML
Traduire une page - Guide
Word numéro de page 1/2 - Guide
Faire de google ma page d'accueil - Guide

1 réponse

Réponse 1 / 1

Un Caennais Messages postés 605 Date d'inscription jeudi 16 décembre 2010 Statut Membre Dernière intervention 30 mai 2018 191
Modifié par Un Caennais le 27/06/2011 à 09:30

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
27 juin 2011 à 10:00

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 605 Date d'inscription jeudi 16 décembre 2010 Statut Membre Dernière intervention 30 mai 2018 191
Modifié par Un Caennais le 27/06/2011 à 11:54

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

Instagram "Désolé, une erreur s'est produite"

la balise ou

Cette page n'est pas disponible

ou ou