hebig.org/blog

Resolution dependent layout as introduced last year and updated recently by Cameron Adams is an interesting cross of the liquid layout and the fixed width layout techniques: through different style sheets, arrange and style a web page's elements differently depending on the viewport width. Demo here, resize window. Liquid layouts are great, but have their limits once you have larger elements with a big minimum width (such as photos) and a wider variety of screen resolutions to support. Resolution dependent layouts could address this issue. Clagnut.com has a list of similar techniques. They all use JavaScript to sniff the current window width and to switch stylesheets. Leftlane.org shows that something similar can be done with pure CSS.