asked on

Frameset Alternative for HTML with Scrollbars

I need to have 3 areas within one webpage - and I'm struggling to find a solution. As frames are not gonna be supported in HTML5, what alternatives do we have?

I suppose I could use partials and AJAX, but I do need the nice ability to scroll both vertically and horizontally for each of the 3 areas, a feature the a frame automatically gives.

Any ideas please?

ASKER CERTIFIED SOLUTION

Emad Gawai

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

geoffrey1211

ASKER

This works fine. Should I just use this to update content then?
document.getElementById('div_id').innerHTML = 'whatever content';

Are each <div> considered to be completely separate from other <div>s, except when I'm using the float property? Is it the z-index property to determine which one shows above another?

I haven't used CSS for > 10 years I'd be delighted to be shined upon some light. Thank you.

JESii

There's a feature in CSS that supports scrollbars:
overflow: scroll

Here's a a very straight-forwad example by the folks at Quackit (http://www.quackit.com/css/css_scrollbars.cfm).

<style>
.contentBox {
	display:block;
	border-width: 1px;
	border-style: solid;
	border-color: 000;
	padding:5px;
	margin-top:5px;
	width:200px;
	height:50px;
	overflow:scroll
	}
</style>
<div class="contentBox">
Why do I call them "CSS Scrollbars"? The <i>CSS Overflow</i>
property tells the browser what to do if the box's contents is larger
than the box itself. It behaves similar to inline frames and creates
scrollbars if required. That is why I call them CSS Scrollbars!
</div>

Open in new window

geoffrey1211

ASKER

i could use a bit more info on s