Hello;

I’m having a problem with this: http://www.undercoverlawyer.com/forum/

Displays great in I.E. but is all messed up in FireFox. I’ve been working on this a long time – It’s probably something simple or stupid I’m overlooking. Can someone please take a look and see what I’ve done to it?

Thank you!

-Sherry

[@chrishajer Participant 16 years, 6 months ago]

Always, always always validate first when you’re troubleshooting layout issues:

HTML

http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.undercoverlawyer.com%2Fforum%2F

CSS

http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.undercoverlawyer.com%2Fforum%2F&profile=css21&usermedium=all&warning=1&lang=en

Fix issues that are described there. Some, like missing alt tags, are not going to have an impact on layout. I have found layout problems are almost always due to a div being closed to early or not at all.

[@sherrynes Member 16 years, 6 months ago]

I always do.

However, I could see that there were no errors that should be causing this, so left those things until later. But since you won’t help me until it “validates” – it now does.

And the original problems are still there, plus now the log-in info is halfway down the page and behind the forum summary area.

http://www.undercoverlawyer.com/forum/

Can someone now please look and see what the real problem is? I’m sure it’s my fault. But I’ve just been looking at it too long to find it.

Thanks.

-Sherry

[@chrishajer Participant 16 years, 6 months ago]

At least it’s messed up both in IE and FF now.

[@chrishajer Participant 16 years, 6 months ago]

Where do you *want* the login form to be? Right now, it’s way over to the side. Where is it supposed to go?

[@sherrynes Member 16 years, 6 months ago]

Hi, thanks for your reply.

I want the log-in form to be up in the header area where it was originally. I didn’t think I changed anything that would cause it to fall half way down the page in the discussions/forum area. Yes, that is messed up in both places.

But I still have the original problem that I posted about. Looks fine in I.E. (other than the new log-in box problem), but in FireFox the “Forums” area is scooched way over to the left and the white area (background) cuts off way before it’s supposed to.

Don’t feel bad if you can’t figure it out; I can’t either! At least I don’t feel quite so bad about it now.

Can anyone else give it a shot?

Thanks!

-Sherry

[@bobbyh Member 16 years, 6 months ago]

You’ve floated the hot tags div (#front-page #hottags), but the hot tags div is not that tall so it doesn’t “reach down” to where the Forums table is. Thus, the Forums h2 and the Forums table appear flush with the left border (instead of being pushed to the right by a hottags div, as is the first h2 and table).

You could wrap the two tables (and their h2s) in the main area inside a parent div to prevent this.