Bild ohne Abstand an den oberen Rand der Website anpassen..

html.de-Forum HTML, XHTML & CSS
1

Hi Leute,
ich bin neu hier und beschäftige mich seit einigen Tagen mit Html und co. Ich bin momentan an einer Website dran und habe da folgendes Problem: Ich habe versucht ein zentral an den oberen rand der Website zu setzen, leider bleibt jedes mal ein Abstand und ich kann mir nicht erklären warum. Hab auch das Problem schon gegoogelt aber keine Ahnung irgendwie klappt es nicht :confused:
Im Anhang findet ihr ein Bild;)

Hier der Htlmcode:

Ski

und hier der Css-code:

@charset „utf-8“;
{padding:0;
margin:0;
}/* CSS Document */

body {

background-position: center top;
background-image: url(…/img/Layout-Website.jpg);
background-repeat:repeat-y;
background-color:#d9e3e7;
font-family: open-sans, Gotham, „Helvetica Neue“, Helvetica, Arial, sans-serif;}

#Header{
margin:0;
padding:0;

}

2

Per Default wird von dem meisten Browsern ein margin- und/oder padding-Wert von ungleich null für den Body verwendet. Du musst per CSS beides auf null setzen.

3

sorry der Css code hat nicht gestimmt oben(hab Ihn verbessert). Margin und padding hab ich schon auf null gesetzt, geht leider trotzdem nicht. Oder meintest du was anderes?

4

Wie Sempervivum gesagt hat bezieht sich das auf den Body.
Du hast margin und padding nun für den Header auf Null gesetzt.

5

Verwende doch den Universalselektor:

* { margin: 0; padding: 0; }

6

hab das mit dem Body voll übersehen, manchmal steckt der teufel halt im detail:D
Vielen Dank ihr habt mir sehr geholfen :slight_smile: