Thursday, August 17, 2006

CSS Frames

One of the arguments for using frames has always been that they allow you to keep parts of the layout on-screen at all times. This can be emulated with CSS, as described here. This results in much better usability than normal frames, but there are still some potential problems you need to be aware of. For a longer discussion on frames and usability, read my article Who framed the web: Frames and usability.
        The document consists of three main blocks: headerwrap, middlewrap and footerwrap. headerwrap and footerwrap have fixed positions; headerwrap at the top and footerwrap at the bottom of the viewport. middlewrap has padding-top and padding-bottom to match the heights of headerwrap and footerwrap.To center the content horizontally, the contents of each of the main blocks has its left and right margins set to auto. View source on this page to see the HTML and CSS.  Read more on Using CSS Frames

Tags: , , , ,


Can't find what you're looking for? Try Google Search!
Google
 
Web eshwar123.blogspot.com

Comments on "CSS Frames"