I have a three frame frameset.<br />
<br />
<frameset border="0" frameborder="no" framespacing="0" rows="50,*"><br />
<frame name="Portfolio" noresize scrolling="no" src=http://www.webdeveloper.com/forum/archive/index.php/"PortfolioMenu.html"><br />
<frameset border="0" cols="300,*" frameborder="no" framespacing="0" rows="*"><br />
<frame name="Infomenu" noresize scrolling="no" src=http://www.webdeveloper.com/forum/archive/index.php/"InfoMenu.html"><br />
<frame name="Main" noresize src=http://www.webdeveloper.com/forum/archive/index.php/"MainHS.html"><br />
</frameset><br />
<br />
the top and left frame provide my nav and the main is the page display area.<br />
<br />
I want to maintain a fixed relationship between thenav buttons on the two nav panels. Originally I had liquid tables that expanded to fill the screen in differnet resolutions. But the relationship could not be maintined<!--content-->Originally posted by russ801 <br />
I have a three frame frameset.<br />
<br />
<frameset border="0" frameborder="no" framespacing="0" rows="50,*"><br />
<frame name="Portfolio" noresize scrolling="no" src=http://www.webdeveloper.com/forum/archive/index.php/"PortfolioMenu.html"><br />
<frameset border="0" cols="300,*" frameborder="no" framespacing="0" rows="*"><br />
<frame name="Infomenu" noresize scrolling="no" src=http://www.webdeveloper.com/forum/archive/index.php/"InfoMenu.html"><br />
<frame name="Main" noresize src=http://www.webdeveloper.com/forum/archive/index.php/"MainHS.html"><br />
</frameset><br />
<br />
the top and left frame provide my nav and the main is the page display area.<br />
<br />
I want to maintain a fixed relationship between thenav buttons on the two nav panels. Originally I had liquid tables that expanded to fill the screen in differnet resolutions. But the relationship could not be maintined <br />
<br />
To finish my message (hit enter by accident)<br />
<br />
I then tryed two adjacent tables one fixed and the other liquid. It looks OK in NN7 but there is a gap between the tables in IE. How can I eliminate that?<!--content-->Originally posted by russ801 <br />
<frameset rows="50,*"><br />
<frame><br />
<frameset cols="300,*"><br />
<frame><br />
<frame><br />
</frameset><br />
</frameset><br />
<br />
Try layour using CSS for layout<br />
<br />
<body style="margin-left: 300px; margin-top: 50px;"><br />
<!-- Your main page contents go here --><br />
<br />
<div id="portfolio" style="position: absolute; left: 0; top: 0;<br />
width: 100%; height: 50px"><br />
<!-- Your Portfolio Menu will go in here --><br />
</div><br />
<br />
<div id="InfoMenu" style="position: absolute; left: 0; top: 50px; width: 300px"><br />
<!-- Your Info Menu goes here --><br />
</div><br />
</body><br />
The div ids are not required. You can put the individual div styles in a stylesheet (instead of using style attribute for divs)<br />
div#portfolio {position: absolute; left: 0; top: 0; width: 100%; height: 50px}<br />
div#InfoMenu {position: absolute; left: 0; top: 50px; width: 300px}<!--content-->I am not sure that the CSS doesn't negate my reason for using Frames. Can you put javascript in a style sheet?<br />
<br />
my solution turned out to be rather simple. Since the goal was to fill the frame with blank space while keeping the relative positions of the two nav frames, all I had to do was add a blank cell with width 1000 and then add to teh frame scroll=no.<br />
<br />
The extra table was not required but I appreciate everyones help<!--content-->
<br />
<frameset border="0" frameborder="no" framespacing="0" rows="50,*"><br />
<frame name="Portfolio" noresize scrolling="no" src=http://www.webdeveloper.com/forum/archive/index.php/"PortfolioMenu.html"><br />
<frameset border="0" cols="300,*" frameborder="no" framespacing="0" rows="*"><br />
<frame name="Infomenu" noresize scrolling="no" src=http://www.webdeveloper.com/forum/archive/index.php/"InfoMenu.html"><br />
<frame name="Main" noresize src=http://www.webdeveloper.com/forum/archive/index.php/"MainHS.html"><br />
</frameset><br />
<br />
the top and left frame provide my nav and the main is the page display area.<br />
<br />
I want to maintain a fixed relationship between thenav buttons on the two nav panels. Originally I had liquid tables that expanded to fill the screen in differnet resolutions. But the relationship could not be maintined<!--content-->Originally posted by russ801 <br />
I have a three frame frameset.<br />
<br />
<frameset border="0" frameborder="no" framespacing="0" rows="50,*"><br />
<frame name="Portfolio" noresize scrolling="no" src=http://www.webdeveloper.com/forum/archive/index.php/"PortfolioMenu.html"><br />
<frameset border="0" cols="300,*" frameborder="no" framespacing="0" rows="*"><br />
<frame name="Infomenu" noresize scrolling="no" src=http://www.webdeveloper.com/forum/archive/index.php/"InfoMenu.html"><br />
<frame name="Main" noresize src=http://www.webdeveloper.com/forum/archive/index.php/"MainHS.html"><br />
</frameset><br />
<br />
the top and left frame provide my nav and the main is the page display area.<br />
<br />
I want to maintain a fixed relationship between thenav buttons on the two nav panels. Originally I had liquid tables that expanded to fill the screen in differnet resolutions. But the relationship could not be maintined <br />
<br />
To finish my message (hit enter by accident)<br />
<br />
I then tryed two adjacent tables one fixed and the other liquid. It looks OK in NN7 but there is a gap between the tables in IE. How can I eliminate that?<!--content-->Originally posted by russ801 <br />
<frameset rows="50,*"><br />
<frame><br />
<frameset cols="300,*"><br />
<frame><br />
<frame><br />
</frameset><br />
</frameset><br />
<br />
Try layour using CSS for layout<br />
<br />
<body style="margin-left: 300px; margin-top: 50px;"><br />
<!-- Your main page contents go here --><br />
<br />
<div id="portfolio" style="position: absolute; left: 0; top: 0;<br />
width: 100%; height: 50px"><br />
<!-- Your Portfolio Menu will go in here --><br />
</div><br />
<br />
<div id="InfoMenu" style="position: absolute; left: 0; top: 50px; width: 300px"><br />
<!-- Your Info Menu goes here --><br />
</div><br />
</body><br />
The div ids are not required. You can put the individual div styles in a stylesheet (instead of using style attribute for divs)<br />
div#portfolio {position: absolute; left: 0; top: 0; width: 100%; height: 50px}<br />
div#InfoMenu {position: absolute; left: 0; top: 50px; width: 300px}<!--content-->I am not sure that the CSS doesn't negate my reason for using Frames. Can you put javascript in a style sheet?<br />
<br />
my solution turned out to be rather simple. Since the goal was to fill the frame with blank space while keeping the relative positions of the two nav frames, all I had to do was add a blank cell with width 1000 and then add to teh frame scroll=no.<br />
<br />
The extra table was not required but I appreciate everyones help<!--content-->