Table Alignment

[mainmast]

Hello,

In IE the bottom navigation links and the copyright notice are positioned where I want them, at the very bottom. However, in FireFox, if the left red boxes do not extend down past the right boxes, the copyright notice and the links will be positioned on top of the right tables. You can see this happening by clicking on any of links on

http://www.wochelp.com/wochelp.new/index.asp.

That page works fine since the red boxes extend long enough to push the copyright down below the right boxes, but try clicking on the links at top to go to another page in Firefox. You'll see that the copyright notice and the links are written over the right boxes.

How can I fix this?

Thanks!

 

[Vragabond]

That is how absolutely positioned elements behave. They are taken out of the flow of the document and just lie at the specified position. If the content runs past them, they still remain there. I see no reason for your using absolute positioning, just as I still see no reason for your using tables instead of divs.

 

[mainmast]

They are no longer positioned absolutely.

Any other suggestions?

 

[KevinADC]

use width and height attributes in your image tags so your layout doesn't jump around so much while loading. I guess you fixed your layering problem.

 

[mainmast]

No, the copyright and the links still get pushed into the right boxes in IE on the other pages. I originally had the layout as divs, but went back to tables.

Thanks, I'll add the width and height attributes to the images, but that still doesn't fix the copyright and links crashing with the right boxes in IE.

Try viewing this page in IE and you'll see what I mean:

http://www.wochelp.com/wochelp.new/guides.asp

Thanks for the help so far!

 

[mainmast]

I'm sorry, I meant FireFox does that. IE is what I want it to look like.

 

[KevinADC]

I don't have firefox but I did use Mozilla and the links were not pushed into the boxes. You may want to use a master table with the other tables embedded in it if you want to stick with tables. Right now it looks like you have many seperate tables some floated and some not, which could be causing this collision in firefox.

I viewed the site at 1024 x 768 resolution, maybe at lower resolution there would be some collision.

 

[Vragabond]

Add [tt]clear: both;[/tt] to the css of your copyright element. And once again, why did you switch from divs to tables? The only way I would imagine one would use a table would be when you really could not get two divs to behave the way you need them to side to side. But you do not have that. None of your tables have more than one column. Other than bigger files (there is a lot more code needed to produce a single celled table than a div) and unpredictable behaviour tables have sometimes, there is nothing different if you would use divs.