Sabrina: bild soll immer mittlings sein und den Browser von oben bis unte

Bild soll immer mittlings sein und den Browser von oben bis unteb ausfüllen

Der Bereich in der Mitte ist 1000 Pixel breit, hierfür möchte ich ein Bild einfügen so das link sund recht ein rahmen zu sehen ist

Als Praktisch so:

!                  !
                       !                  !
                       !                  !
                       !                  !

das Bild soll aber im Hintergrund sein, so das wenn die Seite ohne textlichen Inhalt ist,trotzdem das Bild von oben bis zum untersten Rand zu sehen ist!

background: url(images/hintergrund.gif) center -500px;

Ich hofe mal ich habe das Thema nicht zu umständlich umschreiben?

  1. Liebe Sabrina,

    Als Praktisch so:

    !                  !
                           !                  !
                           !                  !
                           !                  !

    background: url(images/hintergrund.gif) center -500px;

    warum nicht so: background: url(images/hintergrund.gif) center top no-repeat;

    Liebe Grüße,

    Felix Riesterer.

    --
    ie:% br:> fl:| va:) ls:[ fo:) rl:° n4:? de:> ss:| ch:? js:) mo:} zu:)
  2. Hallo Sabrina,

    background: url(images/hintergrund.gif) center -500px;

    Von den beiden Angaben betrifft die erste die horizontale,
    die zweite die vertikale Ausrichtung des Hintegrundbildes.
    Steht übrigens auch in SelfHTML -> CSS -> http://de.selfhtml.org/css/eigenschaften/hintergrund.htm#background_position@title=background-position. ;-)
    Mit Deinen Angaben positionierst Du das Bild also
    center => horizontal zentriert
    -500px => vertikal 500px nach oben verschoben.

    Wie Felix schon schrieb, wäre
    background: url(images/hintergrund.gif) center top no-repeat;
    vermutlich, was Du willst.

    das Bild soll aber im Hintergrund sein, so das wenn die Seite ohne textlichen Inhalt ist,trotzdem das Bild von oben bis zum untersten Rand zu sehen ist!

    Du schreibst leider nicht, für welches HTML-Element Du das
    Hintergrundbild definierst. Das könnte z.B. BODY sein, oder
    ein DIV. Da dieses Element offenbar nicht immer genügend
    Inhalt/Text enthält, um auf die gewünschte Höhe zu kommen,
    kannst Du mit CSS eine Mindest-Höhe festlegen, die mindestens
    so hoch ist wie die Höhe des Hintergrundbildes, also z.B.

    div { min-height:750px; background: url(images/hintergrund.gif) center top no-repeat; }

    HTH, mfg
    Thomas