ASP.NET Hosting

CSS frame

Similar to everyone's favorite CSS tip to have scrolling areas in html pages, here is what I'd call a CSS frame.

This quick and easy tip let's you, for example, have a fixed menu on a page without frames.

The secret sauce is in the source. Extract:

<STYLE>
#menu
{
float: left;
margin-right: 10px;
margin-top: 10px;
}
#content
{
overflow: auto;
height: 95%;
border-style: solid;
border-width: 1px;
border-color: black;
padding-left: 10px;
line-height : 1;
}
</STYLE>

1 Comment

  • hi, i found that by combining the overflow property with anchor points really helps the feel of frames, you can actually position the width of the 'frame' behind a floating div to hide the scroll bar too. by repeating the anchor navigation in the same place on each seection of content gives a good impression of frames. ANy one tried this?

Comments have been disabled for this content.