bild soll immer mittlings sein und den Browser von oben bis unte
Sabrina
- css
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?
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.
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