Aller au menu - Aller au contenu

un pied de page sur 100% de la largeur de l'écran

Pour accéder à cette section
Connectez-vous !
connexion_rpx
Page 1 
Auteur Message
1 visiteur sur ce sujet (1 Anonyme)
Page 1 
Hors ligne kigmor # Posté le 22/02/2012 à 16:54:26

Bonjour,
Je réalise une page en html avec des div. Le div principal est centré avec une largeur fixe (1020px) et le pied de page doit pour sa part faire 100% de l'écran. IL suit un div dans lequel se trouve le contenu dont la longeur varie Je ne trouve pas de solution. Une idée?
Merci
Publicité # Posté le 22/02/2012 à 16:54:26

Hors ligne Satine # Posté le 22/02/2012 à 17:01:34
Avatar

Études : IUT Montpellier
Bonjour,

Pour créer un pied de page (ou une entete) sur 100% de la largeur de la page, tu dois faire sortir la div contenant ton pied de page hors de la div centré de largeur fixe, un petit exemple :

Code : HTML
1
2
3
4
5
6
<div id="global">
   <!-- contenu centré -->
</div>
<div id="pied">
   <!-- pied -->
</div>


La div Global correspond à l'ensemble de ton site qui est centré.
Le pied sortant de cette div, tu peux lui attribuer une largeur de 100% et elle prendra toute la largeur du navigateur.

En espérant que ça t'aideras.
Hors ligne kigmor # Posté le 22/02/2012 à 17:04:34

merci pour ta réponse mais le texte du di qui précède le pied de page va passer au dessus de celui-ci puisqu'il n'est pas "parent"
Hors ligne Satine # Posté le 22/02/2012 à 17:06:06
Avatar

Études : IUT Montpellier
As-tu un exemple de code ?
Hors ligne kigmor # Posté le 22/02/2012 à 17:10:53

Le voici
Code : HTML
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
<div id="conteneur">
  <div id="bandeau">
    <div id="bloc1">
      <div id="bloc2">
        
      </div>
    </div>
  </div>
</div>
<div id="footer"></div>

Retour au forum "HTML / CSS" ou à la liste des forums

Pour accéder à cette section
Connectez-vous !
connexion_rpx


Lire aussi