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

Frage wegen Abstand

Loana

Mitglied
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

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;
}
 
HTML:
div#wrapper {
    background-color: white;    
    color: #2B0028;
    margin: 0 auto 10px;
    width: 960px;
}

Du hast einen Abstand (margin) nach oben (margin: 10px (oben unten) auto (links rechts);) definiert. Wenn du den weghaben willst, musst du ihn auf 0 setzen. margin: 0 (oben) auto (links rechts) 10px (unten); ist das Zauberwort. Einfach zu erkennen mit dem Firefox Plugin "Firebug".

Oder laut deinem gezeigtem Code einfach margin-top: 0; setzen bei div#wrapper
 
Dankeschön ich versuche es

Es hat geklappt jetzt ist es OK danke...ich wusste,dass es nur ne Kleinigkeit ist
 
Zuletzt bearbeitet:
Zurück
Oben