Es geht um folgendes,ist sicherlich nur eine kleine Sache...aber ich weiss es nicht wie....vom Header bis zum Ende der Seite(oberhalb) ist eine kleiner Abstand,das sieht nicht so toll aus..vl. hat mal jemand eine Tipp wie ich es wegbekomme.
Hier die Beispielseite
CSS Code
Hier die Beispielseite
CSS Code
Code:
* {
padding : 0;
margin : 0;
}
html {
height : 100%;
margin-bottom : 1px;
}
body {
background-color : #d7bb96; background-image: url(farbverlauf1.jpg);
color : #2b0028;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : small;
}
div#wrapper {
background-color : white;
color : #2b0028;
width : 960px;
margin-top : 10px;
margin-right : auto;
margin-bottom:10px;
margin-left : auto;
}
div#kopfbereich {
background-color : #f3ede2;
color : #2b0028;
padding-top : 0px;
padding-right : 0px;
padding-bottom : 0;
padding-left : 0px;
}
#kopfbereich p {
padding: 5px 0 5px 0;
margin-bottom: 0; /* war 1em */
}
div#textbereich {
background-color:#f3ede2;
padding-top : 0;
padding-right : 10px;
padding-bottom : 20px;
padding-left : 5px;
}
div#fussbereich {
background-color:#f3ede2;
padding-top : 10px;
padding-right : 20px;
padding-bottom : 20px;
padding-left : 20px;
border-top : 1px solid #2b0028;
margin-top : 0;
}
img#logo {
background-color : white;
color : #2c012c;
padding : 20px;
border : 10px solid #d7bb96;
}
h1 {
font-size : 150%;
}
h2 {
font-size : 130%;
}
address {
text-align : center;
font-size : 80%;
font-style : normal;
letter-spacing : 2px;
line-height : 1.5;
}
a {
text-decoration : none;
}
a:link {
color : #1f003e;
}
a:visited {
color : #1f003e;
}
a:hover, a:focus {
border-bottom : 1px solid #d90000;
}
a:active {
background-color : #d90000;
color : white;
}
#textbereich a {
border-bottom : 1px dotted #2b0028;
}
#textbereich a:hover, #textbereich a:focus {
border-bottom : 1px solid #d90000;
}