background-image

  • Hallo alle zusammen :)
    Ich habe da so ein kleines Problem mit dem background-image.

    Im IE wird die Seite angezeit wie ich es geplant habe, in Firefox fehlt allerdings der komplette Header. Hier ist die Zeile:

    <body style="background-repeat: no-repeat; background-position: center; color: rgb(255, 255, 153); background-color: rgb(153, 153, 153); background-image: url(background.jpg);" alink="#ffff66" link="#ffff66" vlink="#ffff66">

    Bitte Helft mir :)

  • Sorry fuer den Doppelpost!

    Hab die falsche Zeile Kopiert...

    <body style="background-repeat: no-repeat; background-position: center; color: rgb(255, 255, 153); background-color: rgb(153, 153, 153); background-image: url(background.jpg); margin-top: 8px; height: 108px;" alink="#ffff66" link="#ffff66" vlink="#ffff66">

    Diese hier ist jetzt richtig.

  • Dann erstmal Danke fuer die echte schnelle Antwort.
    Ich habe mir den Link mal angeschaut und auch das gelesene umgesetzt.
    Jedenfalls denke ich dass es so ist :)

    Ich habe leider zur zeit keine Online Page, ich bastel nur etwas vor mir her, aber hier mal ein
    beispiel wieso ich etwas verwirrt bin.

    Wenn ich den Code so verwende:

    <html>
    <head>
    <style type="text/css">
    body
    {
    background-image:url(guru.jpg);
    background-repeat:no-repeat;
    background-position: center top;
    overflow: auto;
    }
    </style>
    </head>
    </html>

    Wird das Hintergund Bild so angezeigt wie ich es laut Code will, mittig oben am Rand.
    Wenn ich jedoch

    background-position: center;

    daraus mache, wird nur 20% vom unteren Teil des Bildes angezeigt. Entweder habe ich zur spaeten Stunde einen Denkfehler drin, oder ich steh einfach auf dem Schlauch :)

  • ähm... der css-wert den du angibst beschreibt nur das body-tag.
    bedeutet in deinem beispiel, dass du das nicht weglassen kannst deshalb...