Probleme de footer

kinder77 Messages postés 134 Date d'inscription   Statut Membre Dernière intervention   -  
kinder77 Messages postés 134 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

je sais que cette question a etait poster plusieurs fois mais j'ai vraiment du mal mais voila j'ai essayer cette methode:
footer{
    padding: 5px 0;
    height: 22px;
    text-align: center;
    border-top: 1px solid burlywood;
    position: fixed;
     bottom: 0;
    left: 0;
    right: 0;
}

mais cela fonctionne pas

mon css d'origine:
#contenu{
	background-color:#FFF;
	
	
	padding:5px;
}

body{
	
	background-color: #C3D9E0;
	margin:0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:15px;
	}


#main{
    width: 960px;
    margin: 0 auto;
    height: 100%;
    overflow: auto;
    font-size: 15px;
    font-family:Arial,Helvetica,sans-serif;
    border: 1px solid #91BE3F;
    text-align: left;
    margin: 0 auto -22px;
}



nav {
    font-family: Verdana, Helvetica, sans-serif;
    background-color: #ff9933;
    font-size: 12px;
    padding-bottom: 5px;
    color: #0398CA;
}
nav a, #nav a:visited {
    text-decoration: none;
    color:#ffcccc;
    margin: 0 15px;
}

nav a:hover{
    color: #ff6666;
}


footer, .push{
    padding: 5px 0;
    height: -22px;
    text-align: center;
    border-top: 1px solid burlywood;
    
    
}


voila
A voir également:

2 réponses

Atropa Messages postés 1940 Date d'inscription   Statut Membre Dernière intervention   274
 
le code html et le but de la manoeuvre serait les bienvenues
0
kinder77 Messages postés 134 Date d'inscription   Statut Membre Dernière intervention   9
 
voici le html +css
<!DOCTYPE html>
<html>

<head>
    
    <script type="text/javascript">
        urlBaseCkeditor = '/RCA-RADI/public/scripts/ckeditor/';
    //  ...
    </script>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
<title>Projet modèle</title>
<link href="/css/global.css" media="screen" rel="stylesheet" type="text/css" >
<link href="/RCA-RADI/public/styles/layout.css" media="screen" rel="stylesheet" type="text/css" >
<script type="text/javascript" src="/RCA-RADI/public/scripts/ckeditor/ckeditor.js"></script>
</head>

<body>
<div id="main">
        <header>
         <img src="/RCA-RADI/public/images/logo-site-rca1.png" alt="logo" width="960px" height="118px" />         
        </header>
    
        <nav>
        <a href="/RCA-RADI/public/">
    Accueil
</a>|
<a href="/RCA-RADI/public/mission/mission">
    Missions
</a>|
<a href="/RCA-RADI/public/domainesexpertises/domainesexpertises">
    Domaines d'expertises
</a>|
<a href="/RCA-RADI/public/actifsrealisation/actifsrealisation">
    Actifs de realisations
</a>|
<a href="/RCA-RADI/public/projet/projet">
    Projet 
</a>|
<a href="/RCA-RADI/public/partenaire/partenaire">
    Partenaires 
</a>|
<a href="/RCA-RADI/public/login/login">
    Identifiez-vous
</a>|

<a href="/RCA-RADI/public/contact">Contact</a>|        </nav>
    
        <div id="contenu">
            
            
        DOMAINES D'EXPERTISE <b>by</b> <p><strong><b>Le RADI-RCA a pour principal domaine d'expertise, l'ingénierie de l'économie sociale et du développement participatif et communautaire. Il opère comme une agence technique de conception, d'exécution, de suivi/évaluation et d'accompagnement social d'initiatives et projets/programmes de développement communautaire et de lutte contre la pauvreté à la base et de renforcement des capacités institutionnelles et opérationnelles des organisations de la société civile en République Centrafricaine et dans la sous région de l'Afrique centrale.</strong></p>
<br/>
<p>Principaux domaines répertoriés :
</b></p>
<ul>
<li> Formation thématique et transfert de capacités organisationnelles et opérationnelles</li>
<li> Développement Organisationnel et Planification Stratégique</li>
<li> Gestion Axée sur les Résultats (GAR)</li>
<li>Appui et renforcement des capacités juridiques, institutionnelles et opérationnelles des Organisations Communautaires de Base, Communautés villageoises, Groupes cibles et ONG</li>
<li>Conduite de missions d'accompagnement social et de Mobilisation communautaire</li>
<li>Communication pour le Changement de Comportement et Mobilisation Sociale (sensibilisation - IEC)</li>
<li>Enquêtes et Etudes sociales, anthropologiques et économiques</li>
<li>Accompagnement technique des projets et programmes de développement social et économique et de lutte contre la pauvreté</li>

<li>Conseil et Assistance technique à la Planification opérationnelle, financière et budgétaire d'initiatives individuelles et collectives de développement social et économique</li>
<li>Mobilisation de ressources locales et internationales, Recherche de partenariat, Mise en relation et Représentation locale </li>
</ul>
<br>            
        </div>
         <footer>
         (v1) 2012        </footer>
    <script type="text/javascript">
</script></div>
</body>
et mon css
<code type="css">
#contenu{
	background-color:#FFF;
	
	
	padding:5px;
}

body{
	
	background-color: #C3D9E0;
	margin:0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:15px;
	}


#main{
    width: 960px;
    margin: 0 auto;
    height: 100%;
    overflow: auto;
    font-size: 15px;
    font-family:Arial,Helvetica,sans-serif;
    border: 1px solid #91BE3F;
    text-align: left;
    margin: 0 auto -22px;
}



nav {
    font-family: Verdana, Helvetica, sans-serif;
    background-color: #ff9933;
    font-size: 12px;
    padding-bottom: 5px;
    color: #0398CA;
}
nav a, #nav a:visited {
    text-decoration: none;
    color:#ffcccc;
    margin: 0 15px;
}

nav a:hover{
    color: #ff6666;
}


footer, .push{
    padding: 5px 0;
    height: -22px;
    text-align: center;
    border-top: 1px solid burlywood;
    
    
}


</html>
</code>
0