feil plassering av bg bilde i body

[Svendsen]

Hei

 

Driver å leiker meg med et design her. Men når jeg legger til bg som bare skal repeters en gang i y retning og 100% i x, så blir det et ekstra felt i toppen

 

se her: http://www.stianweb.com/sierra

 

css:

body, html {
background-image: url(gfx/bg.gif);
background-repeat: repeat-x;
background-color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
padding: 0px;
margin-top: 30px;
margin-bottom: 20px;

}
div#holder {
width: 750px;
height: 600px;
margin-right: auto;
margin-left: auto;
border: 2px solid #000000;
background-color: #FFFFFF;
}

 

ser noe hva jeg har gjort feil?

 

Takk for svar

[Haraldson]

Det er fordi du har satt margin-top:30px; på body og html. Dermed starter body og html 30px nedenfor viewport. Bruk padding for indre marginer

[Svendsen]

Det er fordi du har satt margin-top:30px; på body og html. Dermed starter body og html 30px nedenfor viewport. Bruk padding for indre marginer

jeg trodde jeg forsto og prøvde.... men jeg gjorde ikke det

 

Noen med ei tskje?

[Haraldson]

Prøv å sette padding-top:30px; på body, men ikke nødvendigvis også på html.

 

Jeg vet fra min egen side at padding på body funker fint, men på html har jeg ikke prøvd.

[Svendsen]

Helt konge veit du

 

det må feires med sprudlebrus (les cola )

 

tusen så masse takk