Web Page Layout

• Einführung in CSS-basierte Layouts
• Grundlagen für Spaltenlayout mit CSS.
• How to Create a Frames Layout with CSS.

• One clean HTML markup, many layouts...

• Ultimate multi-column liquid layouts
• The Perfect 'Right Menu' 2 Column Liquid Layout

• Equal Height Columns with Cross-Browser CSS & No Hacks

• Finally, a fluid Hicksdesign
• Responsive Design - Webseiten für Smartphones und Tablets optimieren
• Media Queries von CSS3

• Fixed positioning
• How to keep footers at the bottom of the page
• How to Design a Two Column Layout for Your Website Using CSS
• Dynamic Drive CSS Layouts

Taken from the maxdesign − Floatutorial – Floatutorial takes you through the basics of floating elements such as images, drop caps, next and back buttons, image galleries, inline lists and multi-column layouts.

• Tutorial 8 - Liquid two column layout
• Tutorial 9 - Liquid three column layout

Taken from Stu Nicholls' CSSplay site…

• Layout 1 – Cross browser fixed header/footer layout. One column, no left/right navigation. A detailed tutorial on how it works can be found here.
• Layout 2 – Full width and height. Fixed header, footer and left navigation. For the bare essentials look here.
• Layout 3 – Ditto with content only scrollbar. Essentials here.
• Layout 4 – Full height, fixed header and footer, multiple scrolling columns.

Another example from SELFHTML…

• Layout 5 – Fixed header, footer and navigation. The essentials come here.

• The Sinorcaish Stylesheet v1.3
• Index of /documents/styles/sinorcaish

• Open Source Web Design - Homepage Templates.
• Homepage Vorlagen - zum Download und Ansehen.