Footer wird nicht angezeigt

[Gabriel_Kumar]

Hey Leute,
ich bin gerade dabei für mein Unternehmen eine Homepage zu erstellen. Das hat bis jetzt auch ganz gut geklappt. Nur der footer den ich gemacht hab wird irgendwie nicht angezeigt. Es soll ein dunkler Kasten angezeigt werden wo dann der Text (Impressum…) steht. Aber man sieht nur den blanken Text.

Ich hoffe ihr könnt mir helfen! Danke im vorraus
Mein html Code:

G. Kumar | Home

Gabriel Kumar

• Home
• IT
• Grafikdesign
• More

Wilkommen

NEWS:

• Noch ein spann
• Hi
• saers

Ein Textfeld

dfnksdghsdfukgdkfghjdfgkh

Ein Textfeld

dfnksdghsdfukgdkfghjdfgkh

• © 2017, Name

Mein CSS:

body {
background:#DCDCDC;
font-size:100%;
margin:0em;
padding:0em;
}
h1 {
font-size:2.5em;
line-height:3.8em;
font-family:Helvetica;
font-weight:100;
color:#E2DBDB;
margin:0em;
}
h2 {
font-size:1.563em;
line-height:1.8em;
font-family:Helvetica;
font-weight:100;
color:#2F2D2C;
margin:0em;
padding:1.25em;
text-align:left;
}
p {
line-height:1.25em;
font-family:Helvetica;
font-weight:100;
color:#2F2D2C;
margin:0em;
padding:1.25em;
text-align:justify;
}
ul {
margin:0px;
padding:0px;
}
li {
list-style:sqaure;
font-family: Helvetica;
font-weight:100;
color:#2F2D2C;
line-height:1.25em;
margin:0em;
padding:0em;
margin:0.313em 0em 0.313em 0em;
}
img {
width:90%;
height: auto;
max-width:100px;
}
a {
text-decoration: none;
}
#menubar {
display:block;
background:#FFFFFF;
}
#menubar ul {
display:block;
width:2em;
padding:0.9em;
}
#menubar ul li {
display:inline;
color: #000000;
}
header {
display: block;
background:#2F2C2C;
text-align:center;
}
nav {
display:block;
height:2.5em;
background:#FFFFFF;
text-align:center;
}
nav ul {
display:block;
}
nav ul li {
display: inline;
margin:0.5em 0.118em 0em 0.188eem;
}
nav ul li a:hover {
background:#DBD9D8;
border-bottom:0.188em solid #E7590B
}
#main {
display:block;
width:96%;
max-width:980px;
margin:1.25em auto;
padding:0em;
}
#main article {
display:inline-block;
width:64.3%;
background:#FFFFFF;
vertical-align: top;
margin:0em;
padding:0em;
text-align:center;
}
#main aside {
display:inline-block;
width:30.6%;
margin-left:3%;
padding:0em;
vertical-align:top;
}
#main aside section {
margin-bottom:1.563em;
background:#FFFFFF;
border-bottom: 0.188em solid #E7590B;

#main article h2 {
padding:1em 1.8em 1em 1.8em;
}
#main aside section ul {
padding:0em 1.875em 1.25em 2.5em;
}
footer {
display:block;
background: #2F2C2C;
text-align:center;
}
footer ul {
display:block;
width:100%;
max-width:980px;
text-align:left;
margin:0px auto;
}
footer ul li {
display:inline;
font-size:0.8em;
line-height:2.8em;
color: #E2DBDB;
padding:0em 0.625em 0em 0.625em;
}
footer ul li a {
color: #E2DBDB;
}

[MrMurphy]

Hallo

Bei mir wird der footer angezeigt.

Hinweise, die mit dem Problem nichts zu tun haben:

Vermeide benutzereinschränkungen beim viewport.

Lass den Quelltext durch einen Validator prüfen.

Gruss

MrMurphy

[Aaron3219]

Ungetestet:
Gib mal dem footer eine width:100% und height, was auch immer du willst.

footer ul {
width:100%;
}
richtet sich nach dem Mitterelement, also dem Footer. Wenn der aber keine Größe und weite hat, dann ist auch nur text zu sehen.

[MrMurphy]

Hallo

Ich habe grade noch den Hinweis auf den fehlenden dunklen Hintergrund entdeckt.

Im CSS fehlt eine schließende Klammer bei

   #main aside section {
      margin-bottom: 1.563em;
      background: #FFFFFF;
      border-bottom: 0.188em solid #E7590B;

   #main article h2 {
      padding: 1em 1.8em 1em 1.8em;
   }

Gruss

MrMurphy