Frames Without Frames

Example of a layout with a frame made with pure CSS

Source

HTML

<div id="container">
	<div id="side">
		Side Stuff
      	</div>
	<div id="content">
		Content
	</div>
</div>

CSS

body {
	margin:0;
	padding:0;
}

#container {
	position:absolute;
	width:100%;
}

#side {
	position:fixed;
	float:left;
	overflow:hidden;
	top:0;
	left:0;
	width:305px; /* set a width */
}
	
#content {
	margin-left:305px; /* same as width of sidebar */
	height:100%;
	width:700px; /* width of content area */
}

That's It

Congratulations, you've got frames without the frames now! Now go back to my website and subscribe.