Website ok in IE, horrible in Firefox, help please Options

[Grumbleduke]

I started designing a website the other day and decided to use tables and css instead of frames.

All went well and the page looks fine in IE7

Then I checked it in firefox and the page is unreadable.

The page is http://www.lothiancomputersolutions.com/events

Can anyone help please?

Cheers
Andy

[Darin McGrew]

Then I checked it in firefox and the page is unreadable.

In what way is it "unreadable"?

The page is http://www.lothiancomputersolutions.com/events

Actually, it's http://www.lothiancomputersolutions.com/events/ (note the / at the end of the URL). But regardless...

You do have a markup error, which our online validator reports. You can't put block-level elements inside heading (h1-h6) elements).

But the main thing I noticed is that some of your page is centered, and some of it is aligned left. Depending on the width of the browser window, you can end up with red-on-red text. The best approach would be to fix the design so it adapts gracefully to whatever size display area is available. But if you stick with the fixed-width layout, then you need to center it or align it left, and not mix the two.

[Grumbleduke]

It's the alignment that is giving me the problem, the plan is to use the <div> tag to center a table containing the menu to the left and the page body to the right, but the centering doesnt work in firefox, is there an easy fix for this?

I'll fix the markup problem just now

[Darin McGrew]

The text-align attribute centers only inline (text-level) content. It doesn't center block-level elements. MSIE gets this wrong unless it's in standards mode, and your doctype declaration puts it in quirks mode.

See Centering things.

[Grumbleduke]

Excellent, thanks