probleme de footer

Suivre ce topic
Ce topic est suivi par : Personne...
Ce topic a été résolu
Shambles

Shambles Le 25 décembre 2016 à 15:17 (Édité le 25 janvier 2019 à 17:52)

Bonjour j ai un probleme avec mon footer il reste au millieu de page.
http://image.noelshack.com/fichiers/2016/51/1482675316-capture.png

je vous envoi mon code html et css 

<html>
   <head>
      <title>FT-RPG :: Accueil</title>
      <meta charset="UTF-8">
      <link rel="stylesheet" href="./css/style.css">
   </head>
      <body>
         <div class="tete">
            <a href="connexion.html">Connexion</a>
            <a href="inscription.html">Inscription</a>
            <a href="tchat.html">T'chat</a>
            <a href="index.html">Accueil</a>
         </div>
         <div class="page">
            <div class="gauche">
               <h2>Fairy Tail</h2>
                  <a href="anime.html">Anime</a><br><br>
                  <a href="guild.html">Les guild</a><br><br>
                  <a href="personnages.html">Les personnages</a><br><br>
                  <a href="resume.html">Résume</a><br><br>
               <h2>Le site</h2>
                  <a href="annuaire.html">Annuaire</a><br><br>
                  <a href="animation.html">Animation</a><br><br>
                  <a href="avatars.html">Avatars</a><br><br>
                  <a href="classement.html">Classement</a><br><br>
                  <a href="connect.html">Connectés</a><br><br>
                  <a href="faq.html">F.A.Q</a><br><br>
                  <a href="fans.html">Fans</a><br><br>
                  <a href="forums.html">Forums</a><br><br>
                  <a href="livredor.html">Livre d'or</a><br><br>
                  <a href="equipe.html">Equipe</a><br><br>
            </div>
            <div class="droite"></div>
         </div>
         <footer><p>© 2017 /Hiro Mashima / Pika Édition / Amine et Dylan / Tous droit réservés.<p></footer>
         
      </body>
</html>
et le css

body{
   width: 100%;
}
   .tete{
      background: #181818;
      width: 1000px;
      height: 50px;
      margin-right: auto;
      margin-left: auto;
      margin-bottom: 5px;
      border-radius: 5px 5px 0px 0px;
   }
      .tete a{
         display: inline-block;
         font-size: 18px;
         text-decoration: none;
         color: #ffffff;
         width: 70px;
         height: 10px;
         padding: 15px 25px;
         float: right;
      }
   .page{
      width: 1000px;
      height: 500px;
      margin-right: auto;
      margin-left: auto;
      margin-bottom: 5px;   
   }
      .page .gauche{
         background: #181818;
         width: 248px;
         min-height: 500px;
         margin-right: auto;
         margin-left: auto;
         float: left;
         margin-top: -5px; 
         border-radius: 0px 0px 5px 5px;
         }
            .page .gauche h2{
               text-decoration: none;
               color: #F4711F;
               text-align: center;
               border-bottom: 2px solid #F4711F;
            }
               .page .gauche a{
                  text-decoration: none;
                  margin-left: 75px;
                  font-size: 18px;
                  color: #ffffff;
               }
      .page .droite{
         width: 745px;
         min-height: 800px;
         margin-right: auto;
         margin-left: auto;
         float: right;
         border: 1px solid #181818;
         border-radius: 5px 0px 0px 0px;
         }
   footer{
      background: #181818;
      width: 1000px;
      height: 70px;
      margin-right: auto;
      margin-left: auto;
      border-radius: 0px 0px 5px 5px;
      {position: absolute; bottom: 0; left: 0; right: 0}
   }
Depuis hier j essaie de corriger mais sans aucun succes help me please.
Balatharas

Balatharas Le 25 décembre 2016 à 15:28

Salut salut !
Je suis sur mobile, donc j'ai pas trop regarder, mais dans ton css il y a ceci:
{position: absolute; bottom:0; left: 0; right: 0;}
Ya pas des accolades inutiles ? Et ce serait pas cette ligne qui pose problème ?
De plus concernant ton titre tu devrais lire ceci 😉
Shambles

Shambles Le 25 décembre 2016 à 21:56

A ok c est bon j ai trouver mon erreur je te ou vous remercie.
Désoler pour le titre.
Balatharas

Balatharas Le 26 décembre 2016 à 13:45

Clique sur "Marquer ce topic comme résolu" maintenant 😀
Vous devez être connecté pour poster une réponse. Se connecter ou Créer un compte