title image


Smiley Abstand Footer von unten
Hallo,



wie kann ich dem Footer einen Abstand von der Unterkante des Browserfensters geben?



Hier mein CSS:



@media screen {

* {

margin: 0;

padding: 0;

}

html, body {

width: 100%;

}

body {

padding: 0.5em 0 1em 0;

font-family: sans-serif;

font-size: 100.01%;

background-color: #3A6F51;

color: #000000;

}

h1, h2, h3, p, .box strong {

background-color: #FFFFFF;

color: #000000;

}

h1, h2, h3, .box strong {

margin-bottom: 1px;

padding: 20px;

color: #000000;

}

h1 {

font-size: 1.3em;

}

h2 {

font-size: 1.15em;

}

h3 {

font-size: 0.9em;

}

p {

padding: 0.6em 20px;

font-size: 0.9em;

line-height: 1.3em;

}

#content, #menue {

font-size: 1em;

}

#header {

position: absolute;

margin: 1em 0 0 7em;

padding: 0;

width: 49em;

height: 80px;

background-color: #FFFFFF;

color: #000000;

border-width: 1px;

border-style: solid;

border-color: #000000;

}

#menue {

position: absolute;

top: 8em;

left: 1em;

padding-bottom: 0.5em;

display: inline;

z-index: 1;

}

.box {

margin-bottom: 0.5em;

padding: 0.4em;

width: 9em;

font-size: 0.9em;

background-color: #FFFFFF;

color: #3A6F51;

border-width: 1px;

border-style: solid;

border-color: #000000;

}

.box strong {

margin-bottom: 0;

padding: 15px 7%;

width: 86%;

display: block;

font-style: italic;

}

.box h3 {

text-align: center;

font-style: italic;

}

.box ul {

background-color: #FFFFFF;

color: #3A6F51;

list-style-type: none;

}

.box ul li {

border-top: 1px solid #000000;

}

.box ul li a {

padding: 1px 0 1px 7%;

width: 93%;

display: block;

text-decoration: none;

color: #3A6F51;

font-weight: bold;

background-color: #FFFFFF;

}

.box ul li a:hover {

color: #FFFFFF;

background-color: #3A6F51;

}

.box p {

padding: 0.7em 7% 0.3em 7%;

width: 86%;

}

.box p a {

background-color: #3A6F51;

color: #000000;

font-weight: 500;

}

.box p a:hover {

text-decoration: underline;

}

.box p a img {

border: 0 none;

}

#content {

position: absolute;

top: 8em;

margin: 0 0 8em 11.8em;

padding: 0.4em;

width: 49em;

height: 110em;

background-color: #FFFFFF;

color: #000000;

border-width: 1px;

border-style: solid;

border-color: #000000;

}

#content h2 {

margin-bottom: 0;

padding: 2em 20px 0.6em 20px;

}

html>body #content p {

margin-top: -1px;

}

#content p img.links {

float: left;

margin: 0.3em 1.5em 1em 0;

}

#content p img.rechts {

float: right;

margin: 0.3em 0 1em 1.5em;

}

#footer {

position: absolute;

margin: 120em 0 0 7em;

padding: 0;

width: 49em;

height: 30px;

background-color: #FFFFFF;

color: #000000;

border-width: 1px;

border-style: solid;

border-color: #000000;

}

}



Grüße und frohe Ostern

FEHLER 404 - SIGNATUR NICHT GEFUNDEN!
Die gesuchte Signatur wurde nicht gefunden!
Möglicherweise haben Sie sich beim lesen verkuckt, oder die Signatur wurde inzwischen deaktiviert.




geschrieben von

Login

E-Mail:
  

Passwort:
  

Beitrag anfügen

Symbol:
 
 
 
 
 
 
 
 
 
 
 
 
 

Überschrift: