CSS Frames v2, full-height

Roger Johansson gives us a great demo / tutorial on creating a frame effect using CSS. This is particularly timely as I have been considering this technique for an up-coming project at Jadu.

“I’ve prepared two example documents to show the difference. In Example 1, the layout is fully fluid, so #header and #footer are 100 % wide. In Example 2 the layout is 40 ems wide, and the widths of both #header and #footer are set to that same value.” – Roger

Both examples also demonstrate elastic layout as well as graceful degradation. As maybe expected there are comments regarding IE6 but I think it’s still pretty safe.

About this entry

You’re currently reading “CSS Frames v2, full-height,” an entry on pilmore, lee

Published:
09.06.06 / 10am
Category:
CSS, Web design