Simulating Frames with CSS

Home HTML Page Stylesheet Improvements DummyLink DummyLink DummyLink

Nvu, the WYSIWYG HTML editor does not support the frameset DTD. This means that users cannot edit their web pages which have frames in them in the WYSIWYG mode. Frames are a convenient way of displaying content, part of which does not change like the top banner portion and a links section (our left links section). However, the major drawbacks are that users cannot bookmark individual pages easily, and search engines would not generate proper hits to those pages.

CSS is the technology with which you can create pages similar to how they look with frames in addition to their several other advantages(we won't go into that part as we are just trying to demonstrate frame like behaviour with CSS).

In this demonstration, we have created a set of html documents which look similar to what would have been achived had frames been used for these pages. The navigation menu on the left has a few links which you can visit to find out the details of how this frame-like-demo was created without frames. Although users are encouraged to use CSS for their HTML documents portraying the frames version they had (and CSS use is advised in general too), it should be noted that users will need to know the basics of CSS language which can be learned by anyone in a couple of hours of reading. A simple search on Google with the string "css tutorial" would give several useful hits.

Last modified: Sun May 8 12:09:25 EDT 2005