• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

[ERLEDIGT] Sticky Footer

Status
Für weitere Antworten geschlossen.
Werbung:
Korrigierter Dokumentkörper bzgl. <header>:
HTML:
<body>
  <div id="hilfscontainer">
    <header>...</header>
    ...
  </div>
  <footer>...</footer>
</body>
Ergänztes und korrigiertes CSS:
CSS:
@charset "utf-8";
/* CSS Document */
html {height:100%}
body {background-color:#ffffff;
    color:#000000;
    font-family:Verdana, Geneva, sans-serif;
    margin:0px;
    height:100%;}
  
body a {color:white;font:}

header {background-color:#00B2D9;
    color: #ffffff;
    font-size: xx-large;
    font-style:italic;
    font-weight:bolder;
    padding: 10px;
    text-align:center;}
  
#hilfscontainer {margin:0px auto;
    max-width:1024px;
    height:100%;
    }
body > #hilfscontainer {height: auto; min-height: 100%;}
aside {float:left;
    text-align:center;
    width:25%;}

nav {margin:10px;
    padding-bottom:20px;
    padding-left:5px;
    padding-right:5px;
    padding-top:10px;
    text-align:center;}

main {background-color:#ffffff;
    color: #000000;
    float:left;
    width:75%;
    padding-bottom:150px}

  
main h1 {font-size: xx-large;
    margin-bottom: 10px;
    margin-top: 0px;}      

article {border: 1px solid grey;
    border-radius:10px;
    margin:20px;
    padding-bottom:10px;
    padding-left:20px;
    padding-right:20px;
    padding-top:10px;}

footer {
    position:relative;
    background-color:#00B2D9;
    clear:both;
    color:#ffffff;
    font-size:large;
    font-style:italic;
    font-weight:bolder;
    padding-bottom:10px;
    padding-top:10px;
    text-align:center;
    width: 100%;
    /*bottom:0;*/
                   height:130px;
    margin-top:-150px;}

img {max-width:100%; height:auto; }

ul {margin:0;
    padding:0;
    width:100%;
    list-style-type:none;
    font-size:large;
}

ul li a {text-decoration:none;
    color:#ffffff;
    padding:10.5px 11px;
    margin-bottom:10px;
    background-color:#00B2D9;
    display:block;
    border-radius:10px;
}

ul li a:visited {color:#ffffff;}

ul li a:hover, ul li .current {color:black;
    background-color:aqua;}
 
Werbung:
Status
Für weitere Antworten geschlossen.
Zurück
Oben