Truely a Flexible Layout
Check out the latest article in the last edition of this year at Alistapart. Marc van den Dobbelsteen shows us how to create layouts for any resolution that we want using some simple lightweight unobtrusive Javascript to switch a class on the body tag. Most of the time Developers create liquid layouts to display perfect for resolutions between 800 and 1024 pixels, but now that the mobile web is pushing its way to the forefront we now have to create alternatives for every possible resolution on a given platform, the user to gets a usable experience.
In the Javascript all it is doing is saying if it is between A resolution and B resolution apply X class to the body tag. Then in the CSS using you have separate classes for the different resolutions. You can just put in your CSS something like .pda #mainContent (styles) or .wide #mainContent (styles).
Sure you have to set up more CSS but the end result is a great usable experience for any user on any given platform.