problème avec le pied de page Résolu/Fermé

Question

bonjours, j'ai un petit problème sur la mise en place qu pied de page de mon site

Pour reste, tout semble bon mais le pied de page reste le problème le plus compliquer a resoudre

j'utilise le code suivant pour le pied de page:

#pied de page
{
 position: absolute;
width: 100%;
height :25px;
bottom: 0px; }

lorsque le corp ne depasse pas la hauteur de la fenetre, tout ce passe bien mais des qu'il depasse, le pied de page se met au dessus du corp

quand j'enlève la commande absolute, , il se met a droite et tout en haut


merci de m'aider

voici le code:
body
{
background-image:url("image/css/font3.jpg");
width:1024px;
margin: auto;
margin-top: 5px;
}

p
{
color:white;
}

a
{
color:white;
}

a:hover
{
color:red;
}

a:visited
{
color:white;
}

#entete
{
height:200px;
width:800px;
margin-left:100px;
}

#menu
{
width:1050px;
}

a img,:link img,:visited img { color:white;border:2px solid #222222; }

#corp
{
margin: 0 auto;
min-height: 100%;
width:1050px;
padding:auto;
margin-top:20px;

}

#footer
{
 position: absolute;
width: 100%;
height :25px;
bottom: 0px; 

}












th
{
border: 1px solid #222222;
background-color:#333333;
filter:alpha(opacity=75);
-moz-opacity:.75;
opacity:.75;
}


table
{
border: 1px solid #222222;
background-color:#333333;
filter:alpha(opacity=75);
-moz-opacity:.75;
opacity:.75;

}

td
{
border: 1px solid #222222;
background-color:#333333;
filter:alpha(opacity=75);
-moz-opacity:.75;
opacity:.75;

}

Gihef · Answer

Bonjour,

Le code HTML d'une page serait nécessaire.

Essaye en ôtant : “position : absolute;”

Vois aussi : http://css.alsacreations.com/Faire-une-mise-en-page-sans-tableaux/Design-XHTML-CSS-complet-avec-2-colonnes-de-meme-hauteur


+ Tout n'est pas bon.
Ça “a img,:link img,:visited img” par exemple.

+ Le code plus lisible :  body { 
    background-image : url("image/css/font3.jpg"); 
    width : 1024px; 
    margin : auto; 
    margin-top : 5px; 
    } 
  
  p { 
    color : white; 
    } 
  
  a { 
    color : white; 
    } 
  
  a:hover { 
    color : red; 
    } 
  
  a:visited { 
    color : white; 
    } 
  
  #entete { 
    height : 200px; 
    width : 800px; 
    margin-left : 100px; 
    } 
  
  #menu { 
    width : 1050px; 
    } 
  
  a img,:link img,:visited img {
    color : white;
    border : 2px solid #222;
    } 
  
  #corp { 
    margin : 0 auto; 
    min-height : 100%; 
    width : 1050px; 
    padding : auto; 
    margin-top : 20px; 
    } 
  
  #footer { 
    position : absolute; 
    width : 100%; 
    height : 25px; 
    bottom : 0px; 
    } 
  #pied de page { 
    position : absolute; 
    width : 100%; 
    height : 25px; 
    bottom : 0px;
    }
  
  table, th, td { 
    border : 1px solid #222; 
    background-color : #333; 
    filter : alpha(opacity=75); 
    -moz-opacity : .75; 
    opacity : .75; 
    }

lypos · Answer

finalement, c'est reglé, merci pour l'aide ;)

Problème avec le pied de page

2 réponses

Discussions similaires