probleme de footer
Shambles Le 25 décembre 2016 à 15:17 (Édité le 25 janvier 2019 à 17:52)
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>
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}
}
Balatharas Le 25 décembre 2016 à 15:28
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;}
De plus concernant ton titre tu devrais lire ceci 😉
Shambles Le 25 décembre 2016 à 21:56
Désoler pour le titre.
