Ein Bild mit Höhe 100% mittig im Hintergrund positionieren

[Mario Steinko]

Hi!

Ich möchte ein Bild mittig mit 100% Höhe im Hintergrund positionieren. beim scrollen soll es sich nicht bewegen. Bis jetzt bin ich zu folgendem Code gekommen:

<img src="/img/bg.jpg" style="z-index:-5;position:fixed;top:0;left:50%;height:100%;">

Dabei gibts nur noch ein Problem, das Bild ist nicht mittig und da ich nicht weiß wie groß das Bild is weiß ich auch nicht wie ich das Bild mttig positionieren kann.

habt Ihr ne Idee?

danke
Mario

[henman]

hallo,

habt Ihr ne Idee?

Wenn das Bild nur als Hintergrund fungieren soll, solltest du es als dieses in ein HTML-Element packen.

schau dir mal die CSS-Eigenschaft background an.

bis dann

[Mario Steinko]

Aber beim background kann ich keine height:100% angeben...

lg
Mario

[henman]

Aber beim background kann ich keine height:100% angeben...

mitwachsende Bilder auf voller Browserfensterhöhe dürften auch nicht sehr beliebt sein.
Frage dich, ob es wirklich wichtig ist. Ich kann davon nur abraten.

[Mario Steinko]

Das ganze wir keine normale Website (ich stimme dir zu, dort is sowas grauslich).
Das Ding soll ein Touchscreen für ein Geschäft werden...

wie kann ich sowas denn machen?

danke
mario

[henman]

wie kann ich sowas denn machen?

pack das Bild in ein absolut positioniertes div/span oder was anderes (höhe und breite 100%, text-align:center;).

[Mario Steinko]

danke, funktioniert :-)

lg
Mario

[MudGuard]

Hi,

Das ganze wir keine normale Website (ich stimme dir zu, dort is sowas grauslich).
Das Ding soll ein Touchscreen für ein Geschäft werden...
wie kann ich sowas denn machen?

Wenn das nur für _ein_ Geschäft ist: frag dort nach, wie groß der Bildschirm dort ist.

cu,
Andreas