Hintergrund beschneiden

[Fabian]

Hi,

ich möchte gerne ein Hintergrundbild einfügen, das jedoch beim  Ändern des Browsersfensters nicht skaliert wird, sondern abgeschnitten wird, so wie hier:

http://www.friskdesign.com/

weiß jemand wie das geht?

[herrmann]

Hi,

ich möchte gerne ein Hintergrundbild einfügen, das jedoch beim  Ändern des Browsersfensters nicht skaliert wird, sondern abgeschnitten wird, so wie hier:

Das Hintergrundbild wird automatisch abgeschnitten, wo, hängt von der Positionierung ab. Siehe auch http://de.selfhtml.org/css/eigenschaften/hintergrund.htm#background_image@title=SELFHTML:
*** Wenn das Element, für das die Hintergrundgrafik definiert wird, in der Höhe oder Breite kleiner ist als die Hintergrundgrafik, wird die Hintergrundgrafik in der Darstellung an den Grenzen des Elements abgeschnitten. ***

Gruß H.

[Fabian]

Hi,

ich möchte gerne ein Hintergrundbild einfügen, das jedoch beim  Ändern des Browsersfensters nicht skaliert wird, sondern abgeschnitten wird, so wie hier:

Das Hintergrundbild wird automatisch abgeschnitten, wo, hängt von der Positionierung ab. Siehe auch http://de.selfhtml.org/css/eigenschaften/hintergrund.htm#background_image@title=SELFHTML:
*** Wenn das Element, für das die Hintergrundgrafik definiert wird, in der Höhe oder Breite kleiner ist als die Hintergrundgrafik, wird die Hintergrundgrafik in der Darstellung an den Grenzen des Elements abgeschnitten. ***

Gruß H.

Hi,

irgendwie wird es bei mir trotzdem nicht abgeschnitten. Mein Code schaut so aus:

<img src="background.jpg" style="height: 100%; width: 100%;" alt="" />  
<div style="position: fixed; top: 0; left: 0; right: 0; bottom: 0; overflow: auto;">

[T-Rex]

<img src="background.jpg" style="height: 100%; width: 100%;" alt="" />

<div style="position: fixed; top: 0; left: 0; right: 0; bottom: 0; overflow: auto;">

  
Nur weil das Bild background heißt, ist es noch lange kein Hintergrund!  
<div style='background-image: background.jpg'></div>  
Das wäre ein Hintergrund.  
  
Achja wenn man dir schon freundlicherweise einen Link gibt, solltest du wenigstens mal reingucken.  
  
Gruß  
Vordergründiger  
T-Rex

[T-Rex]

Sorry...
<div style='background-image: url(background.jpg);'></div>

Gruß
T-Rex

[Fabulit]

[code lang=html]<img src="background.jpg" style="height: 100%; width: 100%;" alt="" />

Diese Umsetzung entspricht nicht einem Hintergrundbild. Erst wenn du einem Element, z. B. dem Body mit der CSS-Eigenschaft background-image ein echtes Hintergrundbild verpasst, kannst du die zuvor genannten Vorzüge nutzen.

http://de.selfhtml.org/css/eigenschaften/hintergrund.htm#background_image@title=Hier erfährst Du mehr zu dem Thema

Gruß Fabulit

[Fabian]

Hi,

ich möchte gerne ein Hintergrundbild einfügen, das jedoch beim  Ändern des Browsersfensters nicht skaliert wird, sondern abgeschnitten wird, so wie hier:

Das Hintergrundbild wird automatisch abgeschnitten, wo, hängt von der Positionierung ab. Siehe auch http://de.selfhtml.org/css/eigenschaften/hintergrund.htm#background_image@title=SELFHTML:
*** Wenn das Element, für das die Hintergrundgrafik definiert wird, in der Höhe oder Breite kleiner ist als die Hintergrundgrafik, wird die Hintergrundgrafik in der Darstellung an den Grenzen des Elements abgeschnitten. ***

Gruß H.
Hi,

irgendwie wird es bei mir trotzdem nicht abgeschnitten. Mein Code schaut so aus:

<img src="background.jpg" style="height: 100%; width: 100%;" alt="" />

<div style="position: fixed; top: 0; left: 0; right: 0; bottom: 0; overflow: auto;">

  
Habs doch hinbekommen, danke