PDA

Click to See Complete Forum and Search --> : seamless table

russ801
03-21-2003, 10:08 PM
I have a three frame frameset.

<frameset border="0" frameborder="no" framespacing="0" rows="50,*">
<frame name="Portfolio" noresize scrolling="no" src="PortfolioMenu.html">
<frameset border="0" cols="300,*" frameborder="no" framespacing="0" rows="*">
<frame name="Infomenu" noresize scrolling="no" src="InfoMenu.html">
<frame name="Main" noresize src="MainHS.html">
</frameset>

the top and left frame provide my nav and the main is the page display area.

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
russ801
03-21-2003, 10:10 PM
Originally posted by russ801
I have a three frame frameset.

<frameset border="0" frameborder="no" framespacing="0" rows="50,*">
<frame name="Portfolio" noresize scrolling="no" src="PortfolioMenu.html">
<frameset border="0" cols="300,*" frameborder="no" framespacing="0" rows="*">
<frame name="Infomenu" noresize scrolling="no" src="InfoMenu.html">
<frame name="Main" noresize src="MainHS.html">
</frameset>

the top and left frame provide my nav and the main is the page display area.

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

To finish my message (hit enter by accident)

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?
nkaisare
03-22-2003, 08:48 AM
Originally posted by russ801
<frameset rows="50,*">
<frame>
<frameset cols="300,*">
<frame>
<frame>
</frameset>
</frameset>

Try layour using CSS for layout

<body style="margin-left: 300px; margin-top: 50px;">
<!-- Your main page contents go here -->

<div id="portfolio" style="position: absolute; left: 0; top: 0;
width: 100%; height: 50px">
<!-- Your Portfolio Menu will go in here -->
</div>

<div id="InfoMenu" style="position: absolute; left: 0; top: 50px; width: 300px">
<!-- Your Info Menu goes here -->
</div>
</body>
The div ids are not required. You can put the individual div styles in a stylesheet (instead of using style attribute for divs)
div#portfolio {position: absolute; left: 0; top: 0; width: 100%; height: 50px}
div#InfoMenu {position: absolute; left: 0; top: 50px; width: 300px}
russ801
03-23-2003, 06:38 PM
I am not sure that the CSS doesn't negate my reason for using Frames. Can you put javascript in a style sheet?

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.

The extra table was not required but I appreciate everyones help