Gernot Back: zweispaltig - flexibel - problem

Beitrag lesen

Hallo erik,

viewport vs. content

  1. das Design erfordert es allerdings, dass diese zwei Spalten den gesamten viewport ausfüllen (zumindest optisch). Bei Seiten mit wenig Inhalt passiert aber nun folgendes:
    beim verkleinern der Fensterbreite wandert das Hintergrundbild des bodys (war als faux-column gedacht) mit. Dh: ist die fensterbreite kleiner der min-width bricht das Layout.

Link: [link:http://www.contactsheet.de/lightpress/@title=Problemseite

Ich habe dein Problem im Firefox tatsächlich erst nachvollziehen können, als ich mit extrem kleiner Schriftgröße dafür sorgte, dass "wenig" Inhalt in der rechten Spalte war.

Wenn es also daran hängt, dann sorge du doch ebenfalls mit min-height:100% in der betreffenden Spalte dafür, dass dieser Fall niemals eintreten kann.

Da du dann dem BODY- und dem HTML-Element ebenfalls 100% Höhe geben musst, solltest du mit background-attachment:fixed auch noch Vorkehrungen treffen, dass das Hintergrundbild stehen bleibt und nicht nach oben verschwindet, wenn man darüber hinaus nach unten scrollt.

Gruß Gernot