I’ll post this somewhere and provide a link when (or if) I can deal with cross-browser issues.

However, this is generally pretty basic stuff. How about something like a full length header with a fixed navigation on the left and two vertical frames on the right, with a fixed header and footer on the top “frame” with a scrolling frame in the middle, and each “frame” adjustable – so that the Navigation will slide in or out of site and the top or bottom “frame” of the right main “frame” can be expanded/contracted to fit the entire main “frame”.

This is what I have together, with a scrolling grid in the top right frame, but I can’t seem to keep the grid within bounds. It wants to run off the side of the screen on the right the same distance of the left navigation area.

Top banner is fixed, Navigation is fixed, right main “frame” is fixed. I have tried everything in the way of positioning on the grid area (upper right), which needs to have overflow set to “auto”. I was hoping to find an example on the Web, but no luck.

The page works fine …..But, when I convert it to an external style sheet it works fine on the server. But it doesn’t work when I run it merely on the local computer.

Does this make sense?

The content page scrolls over the top of the header.

Here’s the page:
http://www.testfamilygenealogy.com/Narratives/Early/fryburg.html

Any idea how to fix it?

Thanks

hack, when IE will also apply

declaration. True the CSS won’t validate, but since websites are for users, not for validators, this shouldn’t matter that much.

@Johan: I deliberately did not add a fix for IE6 to keep the code to a minimum. IE6 is dying soon anyways.

@Gin: Same here, such a shame. Doesn’t Safari for iPhone support position: fixed?

To all: Even though it doesn’t work everywhere, it falls back nicely everywhere I’ve tried, including Safari for iPhone. So you should be fine using it anyway.