Liquid Layouts

Liquid Layouts

This is the web: it moves. We have small screens, wide screens, and a variety of needs for the desktop space on any screen. Fixed layouts are for magazines.

If visitors have a 1024 pixels wide screen – and they don’t want to stretch the browser widow across the entire width – any 1024 pixel wide fixed layout means horizontal scrolling – and that’s not very nice.

In order to demonstrate liquid or fixed CSS functionality within the page it’s necessary to have a liquid layout. It’s even possible to have a liquid elastic layout.

Here’s a list of some of the best liquid layout tutorials on the web: CSS Liquid Layouts.

Liquid layouts do need a minimum width to stop the design breaking when the browser is narrowed. CSS or JavaScript can be used to do this (click here for some links.)

O.K., a rant about liquid layouts within a fixed layout design may be the epitome of irony but hypocrisy is this “blogger’s” speciality. This liquid layout for WordPress: SeaBeast looks great. It doesn’t have a minimum width but uses a drop column technique so the design looks good at narrow widths.

Here’s a couple of liquid layouts with border images to give great flexibility with web page design:

Eklayout 2

Make like the polar ice caps: go liquid.

Add a comment

Leave a Comment

Your email address will not be published.