Raimund: Hintergrundbild wird doppelt angezeigt

Was ist an diesen Anweisungen nicht korrekt?

html,body {
    background: url(images/pictures.png)top left no-repeat;

}  

#wrapper {
margin:20px;
}

#header {
height:80px;
}

<body>
<div id="wrapper">
<div id="header"></div>
</div>
</body>

ohne header wird das Bild richtig angezeigt!

mit header wird es verschoben zweimal angezeigt!

Aber ich sehe keinen Fehler (doch muss er da sein)

Raimund

  1. Es heisst ja immer, erst suchen dann fragen. Ich hab wirklich vorher gesucht und nichts gefunden. Aber nach dem Posting fand ich das:

    background-attachment: fixed;

    und jetzt ist nichts mehr doppelt.

    Raimund

    1. und jetzt ist nichts mehr doppelt.

      Doch, nur übereinander :)

  2. Was ist an diesen Anweisungen nicht korrekt?

    html,body {
        background: url(images/pictures.png)top left no-repeat;

    }

    Sie sind völlig korrekt - du gibts alelrdinsg html _und_ body dasselbe Hintergrundbild - nachdem es 2 getrennte Elemente sind ist zu erwarten, dass auch jedes eine eigene Instanz dieses Hintergrundbilds erhält.

    1. Ja, ich habe gerade gemerkt, das ich mich mit meinem

      background-attachment: fixed;

      ausgetrickst habe, da es ja dann wirklich fixed ist.

      Das mit body und html stimmt. O, wie einfach wenn man es weis, danke

      Raimund

      Was ist an diesen Anweisungen nicht korrekt?

      html,body {
          background: url(images/pictures.png)top left no-repeat;

      }  
      

      Sie sind völlig korrekt - du gibts alelrdinsg html _und_ body dasselbe Hintergrundbild - nachdem es 2 getrennte Elemente sind ist zu erwarten, dass auch jedes eine eigene Instanz dieses Hintergrundbilds erhält.

  3. @@Raimund:

    nuqneH

    <body>
    <div id="wrapper">

    Wrapper?? Das div brauchst du nicht.

    Und außerdem wäre das main-Element angebracht.

    <div id="header"></div>

    Und hier wohl das header-Element.

    Qapla'

    --
    „Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)