I am working on a project for my uncle's medical office. However, I'm a little stumped coding the design. I want it to be tableless.

It's currently set up for testing here: http://www.daniweb.com/sneezy/

It looks fine in IE but the design is all screwed up in Firefox and Safari. It looks the best in Opera, believe it or not.

Can someone PLEASE help me figure out what's wrong? Much appreciated!!

12 Years
Discussion Span
Last Post by Dani

the only thing that seems off to me (in firefox) is the bar with general info, abous us, etc.... it's a little short. I Also can't see the navigation class, which is inside of layout.css, I presume.


I knew that, I was just checking to see if you knew :lol:

Have you tried using percentages instead of px? I don't know if it will make a difference or not, but you could try that.


Thank you for your help. There were two problems. The first problem was the missing Doctype, and the second was the way I was using the <div style="clear:both"> tag.

The reason it worked in IE and Opera but not in Firefox and Safari seems to be the way each browser handles clear. The footer (where it has the copyright info and phone number) appears in the code below the sidebar links. The clear pushes it down so that it clears both left and right columns before being displayed. The difference between browsers is whether it forces its background css on the area from where it should have started without the clear to the area where it does start.

All I did is put the navigation bar's background color into the footer CSS.

So that fixed the problem. :) Thank you!

The second issue I had to clear up was the screwed up looking login box, but that's fixed now too :)

This question has already been answered. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.