Pied de page 100%

Bonjour !!

je suis un petit nouveau (à l'inscription car je visite souvent ce forum qui truffé d'info pratique), j'ai bien lu la charte et j'éspère ne pas faire d'erreur dans la description de mon pitit problème


Je n'arrive pas à regler mon pied de page, où du moins que je n'arrive pas à le régler de facon "propre".

css

 
#page {
	background: white;
	text-align: left;
	margin: 0 auto;
	min-height:100%;
	padding: 0px 0 0px;
	position: relative;
	width: 800px;
}
#footer {
	position:absolute;
	width:100%;
	bottom:0px;
	height: 30px;
	background-image:url(img/footer_background.png);
	background-repeat:repeat-x;
}

html

 
<div id="page">
	<div id="header"></div>
	<div id="centre"></div>
	<div id="footer"></div>
</div>

En fait j'aimerais que mon footer occupe 100% de la largeur du "body" et non 100% de la largeur du conteneur "page".


J'ai essayé en rajoutant un autre conteneur (en absolu) en dessous du footer pour simuler la largeur 100%, mais il me positionne mon bloc un peu n'importe comment (il n'est pas au fond de la page, mais au fond de mon browser ).

Merci d'avance.
Julien
Modifié par pee-wee (23 Jan 2008 - 16:44)

Salut,

et en sortant le pied de page du conteneur principal ?

<div id="#page">
  <div id="header">
  ...
  </div>
  <div id="centre">
  ...
  </div>
</div>
<div id="footer">
...

</div>

ok je cherche à faire compliquer alors qu'on peut faire simple

Merci ;p

Encore une petite question, est-il possible de placer le bloc directement au fond du browers meme si le contenu de la page n'est pas remplit.

J'ai essayé avec min-height mais sans resultat

Merci

bonjour

enlève width: 800px; de #page et met le à #centre, de même pour margin: 0 auto;

ainsi on positionne #pied au fond de #page

text-align:left est inutile puisque par défaut

il y a une </div> en trop tout en bas

élimine les position:relative en trop (ex. #logo n'existe pas dans le html)
mettre uniquement un position:relative à un bloc si on veut positionner (en absolu) un bloc inclus par rapport à ce bloc

ou si on veut positionner un élément par rapport à la position qu'il occupe naturellement