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

2 réponses

  1. Atropa Messages postés 2051 Statut Membre 274
     
    le code html et le but de la manoeuvre serait les bienvenues
    0
  2. 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