Bild genau am oberen Rand der Seite andocken

[Mouse-Maze]

Hallo ich will ein Bild (ein Banner) genau am oberen Rand der Seite andocken und ihn den kompletten oberen Bereich füllen lassen!
Welche Befehle gibt es dafür?

 

[vitus37]

HTML-Code:

<img src="bild.png" alt="Alternativtext" class="bild">

Und dazugehörige CSS Notation:

.bild{
  margin: 0 auto;
  width: 100%;
}

Was meinst du mit "den kompletten oberen Bereich füllen lassen"? Die ganze Bildschrimhälfte?

Übrigens ist HTML kein Programm, somit kann man ihm auch keine Befehle erteilen. In HTML gibt es nur Tags.

 

[Mouse-Maze]

Mit Befehlen meine ich sowas wie "width 100%;!
Bei mir ist nur immer ein kleiner Rand zwischen dem Bild und allen Seiten der Website

 

[prm]

html, body {margin: 0; padding: 0;}

 

[vitus37]

html, body {margin: 0; padding: 0;}

Oder um einen Aussen-/Innenabstand bei allen Elementen zu vermeiden:

*{
  margin: 0;
  padding: 0;
}

 

[Mouse-Maze]

irgendwie geht das nicht, könnte es daran liegen dass das Bild in einem Frame angezeigt wird?

 

[vitus37]

irgendwie geht das nicht, könnte es daran liegen dass das Bild in einem Frame angezeigt wird?

In der Tat.

Auf Frames solltest du wegen ihrer vielen Nachteile verzichten. So macht man keine Websites mehr.

 

[Efchen]

irgendwie geht das nicht, könnte es daran liegen dass das Bild in einem Frame angezeigt wird?

Nein, die Angaben müssen aber in das Stylesheet, das von der Seite geladen wird, die im Frame aufgemacht wird.

Aber auf Frames solltest Du trotzdem verzichten.