Flexible Layouts with CSS

The current issue of A List Apart is about Flexible Layouts with CSS Positioning.

Problems outlined: Need universal, flexible layouts. More design time, less CSS hacking. Need flexibility in a grid design.

Restrictions outlined: Don’t use @import. (sidenote: I use @import pretty much all the time. ) Filtering to alternate stylesheets need to be very very similar. Every boxi n the grid should be explicitly named.

Solutions: Two are outlined. Read the article really. I won’t recreate it here. But mainly it deals with that absolute positioning is only absolute relative to it’s containing block, even if that block is relative. Think about that. That’s right. You can have absolute blocks float up and down, left and right on the page. Pretty cool eh?

Leave a Reply