A CSS Layout Challenge

**markbrown4** · Sep 29, 2007 16:13

Hi,

I"ve tried a few things and failed to recreate this layout using frames with CSS:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
</head>
<frameset rows="200,*" frameborder="no" border="0" framespacing="0">
  <frame src="header.html" name="topFrame" id="topFrame" title="topFrame">
  <frameset cols="50&#37;, 50%" frameborder="no" border="0" framespacing="0">
    <frame src="left.html" name="leftFrame" id="leftFrame" title="leftFrame">
    <frame src="right.html" name="rightFrame" id="rightFrame" title="rightFrame">
  </frameset>
</frameset>
</html>

So, it's a 200px high header and then two main sections with scrollbars that occupy the remaining space.
It's just getting the 100% - 200px height for the content boxes and not losing the scroll bars which I am having trouble with.

**Paul O'B** · Sep 30, 2007 03:00

Hi Mark,

Did you mean something like these examples:

http://www.pmob.co.uk/temp/2scroll2.htm
http://www.pmob.co.uk/temp/3scrolling2.html

**markbrown4** · Sep 30, 2007 03:40

Did you mean something like this:
http://www.pmob.co.uk/temp/2scroll2.htm

Yes that's just what I meant, I didn't realise you could set multiple coordinates like that for absolute positioning to set the height/width of an element. That's good info to know, thanks again Paul