Forum Moderators: open

Message Too Old, No Replies

CSS Three Column Liquid Layout.

This time simulating frame layout. Possible?

         

gethan

2:17 am on Feb 13, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



I've been looking at this (again) and am wondering whether anyone has been able to do the following:

Simulate a frame based layout with three columns... I'm not looking to remove the use of tables and will use whatever works - divs or tables as long as one page.

The frame code would look like:


<html>
<head>
<title>FRAMESET</title>
</head>
<frameset cols="100,*,100" frameborder="NO" border="0" framespacing="0">
<frame src="left-menu.htm" scrolling="NO">
<frame src="content.htm" scrolling="AUTO">
<frame src="right-menu.htm" scrolling="NO">
</frameset>
<noframes><body bgcolor="#FFFFFF">Sorry we're using frames</body></noframes>
</html>

So what I've tried so far is:

Three column table with the centre column contents being a

=== <div style='overflow:auto;width:100%;height:400px'>Content</div>

Which nicely put vertical scrolling bars when the content exceeds 400px's worth.

=== <div style='overflow:auto;width:100%;height:100%'>Content</div>

Which just sets the length of the table/div to whatever is in the content - this means the browser scroll bar appears.

So my questions are:

a) is this possible?
b) without the use of javascript?

Having looked around the net I can't see anything that works the way I'm looking for except frames... can't use frames as the menu is dhtml (popout or flyover) which needs to display over the content. Any ideas?

tedster

3:30 am on Feb 13, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



This is really a topic for the CSS Forum, but we'll let it stand here as a pointer.

Right now we have an active thread over in CSS where a group is struggling to get a 2-frame frameset to work cross-browser. I'd stay tuned to it for clues.

[webmasterworld.com...]