Problème avec le pied de page

Résolu

lypos Messages postés 24 Date d'inscription Statut Membre Dernière intervention -
lypos Messages postés 24 Date d'inscription Statut Membre Dernière intervention - 4 mai 2008 à 15:12

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;

}

Afficher la suite

A voir également:

Problème avec le pied de page
Impossible de supprimer une page word - Guide
Calcul km marche à pied gratuit - Télécharger - Sport
Numéro de page word - Guide
Imprimer tableau excel sur une page - Guide
Page d'accueil - Guide

2 réponses

Réponse 1 / 2

Gihef Messages postés 5150 Date d'inscription Statut Contributeur Dernière intervention 2 779

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; 
    }

Réponse 2 / 2

lypos Messages postés 24 Date d'inscription Statut Membre Dernière intervention

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

Discussions similaires

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

Code source couleur de fond

Votre réponse

Discussions similaires