CSS, Frames and usability
Creating frames of information is possible in CSS, but not quite the same way that you may be familiar with FRAMES in HTML.
A good example below shows the header and footer are fixed in position with a fixed width, centered layout. It comes from the 456 Berea Street article on Frames and Accessibility.
http://www.456bereastreet.com/lab/cssframes/
There are other variants of this including a very nicely done version at Sitepoint that includes a “ragged” / uneven edge that the text slides from beneath.
http://www.sitepoint.com/search/search.php?ps=10&q=fixed+border&submit=Search
Also full width, fluid layouts can use these headers if you so wish, and an example is shown at the CSS Play site.
http://www.cssplay.co.uk/layouts/fixit.html
the tutorial to show this is at: How to Create a Frames Layout with CSS.
The CSS play site also shows absolutely position content within the page. Nice little effect, but why we’d need it I am not sure (yet).
What can you see could be drawbacks of these methods? How much hacking is needed to get IE to behave correctly?
Do you know of any other examples for fixed header and/or footers?
Technorati Tags: CSS, Frames, Layout
