Full height CSS layout

The other day I needed to produce a web page which had a full height and width layout. It also needed header, left hand navigation and main content areas.

There would be no guarantee that the navigation or the main content would be taller than the screen so I needed to fix the layout to the height of the browser. I also wanted it to be cross browser compatible and sizeable by the user if it was used as a popup.

[Read more →]

 

CSSpress

So today I launched a little command line application for compressing CSS files.

[Read more →]

 

Double Margin Bug

Don’t you just hate it when you spend hours lovingly crafting a layout in CSSedit/Safari/FireFox to the point of beautiful elegance only to discover that IE turns it into a pile of merde? This happened to me just the other day and even though it was down to a tiny, well known bug it still caused me a little grief. Because of this here is yet another blog post about fixing the double margin bug so others may fix it quicker than I did.

[Read more →]

 

CSS & Javascript modal windows

I have been trying to set up a modal window on a web site like the one used by wayfaring.com for a login window.

A little searching turned up a few different implementations an I picked Pj Hyett’s as he was the person to make the wayfaring.com one.

The reason I am blogging about it is that a few people commented on the PJ Hyett blog that they could not get it working so I am posting a zip file of a working example here.