Customer Street CSS

Since I started building more professional looking web sites I have always looked to code in as a high a quality as possible for the task at hand. This is why, until recently, I had never touched on using absolute positioning. I’d always been told that it was a pain to use and never worked properly and that all kinds of trouble could be associated with it’s use (such as when a browser window was resized all of the elements started to overlap and look horrible). For that reason it was a complete no go area for me.

Yesterday I decided to play about further with the fluid CSS layouts I mentioned the other day. It didn’t take long to produce quite a few different layouts using the same basic html as before. So I put the layouts together into this page for you to view them on and download the CSS files if you want.

It’s probably worth mentioning that I’ve left the sticky footer in there from the last design just for presentation purposes, but I’ve put comments in the stylesheets so the code is easy to identify and rip out if you don’t want it.

Just thought I’d share a layout I’ve been working on. I wanted to produce a 3 column fluid layout with elastic capabilities for accessibility.

I’ve given the side columns a fixed width and the whole layout a min-width of 800px, simply because this is the standard browser resolution we’re usually asked to develop for.

I’ve incorporated a sticky footer designed by Ryan Fait just because.

I’ve tested the design in MSIE 6 and 7, firefox and opera and found no problems in any. The code is fairly straightforward and valid.