I’m making a website for a friend, which comprises of two frames (top and Bottom) centered in the middle of the page. The top frame holds the header and Nav bar while the bottom frame holds the page contents. The top frame is fixed size and the bottom one can increase in height depending on the content. The problem is that in Firefox if the bottom frame is longer than what the screen will hold or if the browser is resized to less than the bottom frame height the scroll bar that appears pushes the bottom frame to left by the width of the scroll bar. This causes miss alignment with the two frames and looks ugly. It doesn’t happen with IE. I looked around and have seen that this is a known problem but can’t find any way to work round it. If there are any web gurus who can point me in the direction of a solution I would be very grateful.

Thanks in advance

Here is a link to a mock up page to show the problem:



http://www.twistedlinks.co.uk/Test/MFB-Framset.htm

easy one

Don't use frames.

Frames are an outdated solution.

Yeah i changed a few month ago, work with tables, its easier and better

Or better yet, Take the time to learn css. It's learning curve is just a little steep at first but then it levels off and you start getting it more and more.

CSS is where page layout is going. I have decided that from this point on I am not going to create another site using anything but tableless layouts..

In the long run you are going to save oddles of time..

Thanks for the replies guys.

I have looked using CSS, but getting cross browser functionality is a nightmare, far exceeding my original problem!

All I want basically is a top, middle and a bottom frame, all centered. I want the top and bottom frames to be fixed and the middle frame to be scrollable seems with today’s plethora of browsers it’s the unobtainable grail

If you are determined to use frames, you are going to need to allow for scrollbars in each frame to get around the left shift in FF.

<frameset rows="83,*" cols="*" framespacing="0" frameborder="NO" border="0">
  <frame src="Top.htm" name="topFrame" frameborder="no" scrolling="yes">
  <frame src="Bottom.htm" name="mainFrame" frameborder="no" scrolling="yes">
</frameset>

But everyone is right when suggesting learning to use CSS. It may have a steep learning curve, but it is the recommended way to code pages. Take the time to learn it, it will be worth your time.

Frames are outdated? I didn't know...
What is the modern thing that does the same? I can't think of any...

I use php to accomplish the only thing that ever made frames useful, that of having the repeated elements (like menus) on your site in separate files. The amount of php to do this is very minimal. The same cam be done in any server side scripting language.

i dont understand why people still use frames, they make life difficult for themselves