Pied de page (HTML/CSS)

Fermé

Newcodeuse - Modifié par Newcodeuse le 22/06/2011 à 16:02
Newcodeuse - 1 juil. 2011 à 09:06

Bonjour,

Je suis en train de développer un site, mais je n'arrive pas à faire un pied de page qui reste collé en bas de la page. Voici mon code (version simplifié, j'ai juste mis les div pour montrer la structure) :

HTML :

<body><link rel="stylesheet" href="greenRH.css" type='text/css' /> 


 <div id="Entete"><a href="index.php" > <img src="images/logo.jpg" alt="logo" /> </a></div> 


  <div id="Menu"> 
   
  
 </div> 
  

<div id="corps">  

<div id="onglets"> 




</div> 
<div style="clear:both;"></div>  

<div id="ctext"> 
</br> 






</br></br> 
</div> 
<div style="clear:both;"></div>  
</div> 
<div style="clear:both;"></div>  

<div id="footer">Ceci est un pied de page </div> 

</body> 
</html>

CSS :

#Entete{   
position:absolute; 
margin-left: -8px; 
top:0px; 
width:100%; 
height : 140px; 
} 

#menu{  
position:absolute; 
top:244px; 
left:6%; 
padding: 0px; 
} 

#corps{   
position:absolute; 
left:29%; 
top:240px; 
width: 704px; 
} 

#ctext{ /* Ca contient le texte. C'est à l'intérieur du corps */  
background-color: white ; 
margin: 10px; 
padding: 20px; 
} 


#footer{ 
position: absolute; 
bottom: 0px; 
}

A voir également:

Pied de page (HTML/CSS)
Supprimer une page word - Guide
Page d'accueil iphone - Guide
Word numéro de page 1/2 - Guide
Traduire une page web - Guide
Editeur html - Télécharger - HTML

5 réponses

Réponse 1 / 5

Uronkill
27 juin 2011 à 13:57

Salut,

j'ai le même problème que vous ! Donc si vous trouvez faites m'en part SVP ;)

Merci ...

Uronkill
27 juin 2011 à 14:04

j'ai fait une page connexion.php :

<?php
include("footer.php");
?>

et une page footer.php :

<div style=" background-image: url('Image/back2.jpg');
			background-repeat: repeat-x; 
			background-color: #DAD7CE;
			height: 205px;
			bottom: 0px;
			margin-top: -1%;">
	<img src="Gif/black.gif" style=" padding-left: 0px; padding-bottom: 0px;"/>
</div>

mais ça ne marche pas :( so ...
HELP

Réponse 2 / 5

jawaad35 Messages postés 90 Date d'inscription dimanche 4 juillet 2010 Statut Membre Dernière intervention 2 mai 2013 10
Modifié par jawaad35 le 27/06/2011 à 14:20

Bonjour,

Essayez comme çà pour voir...

#footer{  
position: absolute;  
margin-bottom: 0px;  
}

et redites moi.

Newcodeuse
27 juin 2011 à 14:24

Aucun effet pour moi.

Réponse 3 / 5

yebkun Messages postés 7 Date d'inscription vendredi 12 juin 2009 Statut Membre Dernière intervention 2 juillet 2011
1 juil. 2011 à 01:07

salut dans ton css tu doit faire

#footer{
position:fixed;
bottom:0px;
}

Newcodeuse
1 juil. 2011 à 09:06

Merci, mais je cherche une position absolue, pas fixe : le footer en bas de la page et non pas en bas de l'écran.

Réponse 4 / 5

avion-f16 Messages postés 19246 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 21 avril 2024 4 500
1 juil. 2011 à 08:03

Salut,

Regarde dans le code source :
http://ryanfait.com/sticky-footer/

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 5

Lecineman
1 juil. 2011 à 09:05

Salut !

J'en ai un autre, si ça intéresse :

http://www.cssstickyfooter.com/

Discussions similaires

[PIX] Commencer chaque poème sur une nouvelle page

[référencement] Ne pas être référencé

waze piétons

GPS pour PIETONS

Discussions similaires

Newsletters