2
Footer wird nicht an der Unterseite eines meiner Seiten
html, body {
\t width: 100%;
\t height: 100%;
\t margin: 0px;
\t padding: 0px;
\t background-image: url(../images/bg.jpg);
\t background-attachment: fixed;
\t background-position: center;
\t background-repeat: no-repeat;
\t background-size: cover;
\t min-height: 100%;
}
/*----------------------Header Styling------------------------------------*/
header {
\t background-color: white;
\t border-bottom-style: solid;
\t overflow: auto;
\t height: 200px;
\t font-family: "Freehand521 BT", Arial, Sans-serif;
}
header p {
\t font-family: "Freehand521 BT", Arial, Sans-serif;
\t margin: 20px 0px 0px 20px;
\t font-size: 60px;
}
header img {
\t float: right;
\t border-left: solid;
}
/*-------------------------------Main Nav Styling--------------------------------*/
#mainlinks {
\t margin-top: 60px;
}
#mainlinks ul {
\t margin-bottom: 0px;
}
#mainlinks a {
\t list-style-type: none;
\t text-decoration: none;
\t color: black;
\t margin-right: 90px;
\t margin-left: -10px;
\t font-size: 25px;
}
#mainlinks li {
\t display: inline;
\t padding-right: 5px;
}
/*----------------------------------Secondary Nav Styling----------------------------------------------------*/
.secondlinks li {
\t display: inline;
\t list-style-type: none;
}
.secondlinks ul {
\t padding-left: 0px;
}
/*-------------------------------------Main Content Styling--------------------------------------------------------*/
#contentwrap {
\t background-color: rgba(231, 231, 231, .7);
\t border-style: solid;
\t border-radius: 10px;
\t margin-top: 30px;
\t margin-left: 20px;
\t margin-right: 20px;
\t padding: 15px;
\t font-family: "Freehand521 BT", Arial, Sans-serif;
\t font-size: 17px;
}
#contentwrap img {
\t border-style: solid;
}
/*-------------------------------------------Footer Styling------------------------------------------------------*/
footer {
\t background-color: #fff;
\t border-top-style: solid;
\t margin-top: 20px;
\t width: 100%;
\t height: 130px;
\t font-family: "Freehand521 BT", Arial, Sans-serif;
\t font-size: 15px;
}
#footernav {
\t float: right;
}
#footernav li {
\t display: inline;
}
#footernav a {
\t text-decoration: none;
\t margin-right: 30px;
}<!DOCTYPE html>
<html>
<head>
\t <title>Defenders Of The Stars!--The Official Sailor Moon Fanpage!</title>
\t <meta charset="utf-8">
\t <meta name="viewport" content="width=device-width, initial-scale=1.0">
\t <link rel="icon" type="image/png" href="images/SM.ico">
\t <link rel="stylesheet" type="text/css" href="style/style.css">
\t <link rel="stylesheet" href="style/normalize.css">
</head>
<body>
\t <header>
\t \t <img src="images/HeaderSilouette.png" alt="Defenders Of The Stars Header" width="200" height="200">
\t \t <p>Defenders of the stars!</p>
\t \t <nav id="mainlinks">
\t \t \t <ul>
\t \t \t \t <li><a href="main.html">Home</a></li>
\t \t \t \t <li><a href="ss.html">Sailor Senshi</a></li>
\t \t \t \t <li><a href="villains.html">Villains</a></li>
\t \t \t </ul>
\t \t </nav>
\t </header>
\t <div id="contentwrap">
\t \t <h1> Welcome Fans!</h1>
\t \t <p>Welcome to the Official Sailor Moon Fanpage! Here you will find a lot of information about the Sailor Moon Universe! Including Characters and villains alike, As well as an overview of the story so far. We will also keep this Page updated with the latest happenings in the world of Sailor Moon!</p>
\t \t <p><u>July 5 2014</u> - New Sailor Moon Anime, Sailor Moon Crystal is released!</p>
\t </div>
\t <footer>
\t \t <p id ="copyright">© Copyright 2016 Jorge Goris.<br />Designed and developed by Jorge Goris.</p>
\t \t <nav id="footernav">
\t \t \t <ul>
\t \t \t \t <li><a href="main.html">Home</a></li>
\t \t \t \t <li><a href="ss.html">Sailor Senshi</a></li>
\t \t \t \t <li><a href="villains.html">Villains</a></li>
\t \t \t </ul>
\t \t </nav>
\t </footer>
</body>
</html>bleiben Hier ist mein Code-Schnipsel. Auf meiner Hauptseite bekomme ich immer ein bisschen Platz unter meiner Fußzeile. Das Festlegen einer Höhe scheint für die anderen Seiten funktioniert zu haben, da sie viel Inhalt haben. Meine Hauptseite ist jedoch nicht so, die Fußzeile geht nicht ganz nach unten. Ich habe so viele verschiedene Möglichkeiten ausprobiert, um das zu korrigieren, und ich kann es anscheinend nicht tun. Was genau mache ich falsch?
Vielen Dank, das hat funktioniert! Ich werde dieses Stück Code für die spätere Verwendung speichern, da diese Fußzeilensituation für alle Seiten, die ich erstellen wollte, ein Problem war. Danke noch einmal! – Jorge
Jetzt habe ich etwas Platz von der Kopfzeile oben und dem Inhalt. Wie würde ich denselben Abstand zwischen Inhalt und Fußzeile erstellen? – Jorge
@Fate meinst du, dass es eine abgerundete Grenze am unteren Rand des Inhalts gibt, über der Fußzeile (wie oben)? – Michael