michaelsinterface.de

3cols.equalHeight

  • Hier habe ich in Anlehnung an den ALA-Artikel "Faux-Columns" zunächst das Basiskonzept für ein dreispaltiges CSS-Layout entwickelt, das den Viewport in der vollständigen Höhe ausfüllt (= 100%-Mindesthöhe), und in dem die Spalten unabhängig von ihrem Inhalt immer die gleiche Höhe besitzen.
  • In den Folgeschritten habe ich dann das Layout in drei weiteren Varianten mit einem Header-, horizontalen Navigations- und am unteren Element- bzw. Fensterrand mit einem Footerbereich ausgestattet, der nach unten geschoben wird, wenn der Seiteninhalt die vorgegebene Höhe überschreitet.
  • Demo