100% height Problem

Warper

Erfahrenes Mitglied
Hallo Tutorialsgemeinde,

ich hänge an einem Problem. Es geht um die Höhenangabe 100% im Body Tag. Ich habe eine Seite bei der der HTML tag eine Hintergrundgrafik enthält und der body tag eine weitere. Beide sollen über 100% der Höhe gehen.

Leider vezweifel ich gerade daran den body Hintergrund auf 100% zu bekommen. Entweder er geht über die gesamte Seitenhöhe bei kleinen Seiten und der Rest bei über-Bildschirm großen Seiten wird abgeschnitten (overflow: hidden), oder ohne overflow: hidden, der body Hintergrund geht nur bis zur Ende des Sichtbereichs, sobald man etwas scrollt ist kein Hintergrund mehr da.

Schaut es euch am besten mal an:

http://www.behn-und-kruse.de/referenzen.php (Lange Seite)
http://www.behn-und-kruse.de/startseite.php (Kurze Seite)

Danke vielmals,
Steffen
 
warum gibst du dem Body nicht einfach die Handschrift als Hintergrund und legst den kompletten Inhalt in einen div mit dem Papier als bg?
 
Bei mir leider nicht. Sowohl auf Firefox 3.5 als auch Safari 4 (beides Mac) schauen die "kurzen" Seiten aus wie im Anhang gezeigt.

Grüße,
Steffen
 

Anhänge

  • Bildschirmfoto 2009-10-10 um 01.03.48.jpg
    Bildschirmfoto 2009-10-10 um 01.03.48.jpg
    44,3 KB · Aufrufe: 108
dann ist es vielleicht ein Mac Bug. Oder ein Windows Firefox-Bug, je nach dem ;)
 

Anhänge

  • sshot.jpg
    sshot.jpg
    108,3 KB · Aufrufe: 22
Precog, dein Screenshot ist ja auch nicht von der richtigen Seite. Dein Vorschlag ist eine Lösung für den Fall der über Bildschirm langen Seiten. Nicht jedoch für die Seiten die kürzer als die Bildschirmlänge sind. In diesem Fall geht der mittlere Hintergrund auch nur genau bis zum Ende der Seite, nicht bis zum Ende des Browserfenster.

Bei meiner Auflösung ist das zumindest hier der Fall:
http://www.behn-und-kruse.de/startseite.php

Wie man sieht ist das nicht nur bei mir aufm Mac so:
http://browsershots.org/http://www.behn-und-kruse.de/startseite.php

:)

Hat irgendjemand eine Idee?

Grüße,
Steffen
 
Zurück