The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Website ok in IE, horrible in Firefox, help please
Grumbleduke
post Oct 23 2007, 12:37 PM
Post #1





Group: Members
Posts: 3
Joined: 23-October 07
Member No.: 4,130



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
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Oct 23 2007, 12:59 PM
Post #2


WDG Member
********

Group: Root Admin
Posts: 8,007
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3



QUOTE(Grumbleduke @ Oct 23 2007, 10:37 AM) *
Then I checked it in firefox and the page is unreadable.
In what way is it "unreadable"?

QUOTE(Grumbleduke @ Oct 23 2007, 10:37 AM) *
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.


--------------------
Darin McGrew
WDG Member since 1998
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Grumbleduke
post Oct 24 2007, 05:25 AM
Post #3





Group: Members
Posts: 3
Joined: 23-October 07
Member No.: 4,130



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 smile.gif
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Oct 24 2007, 08:26 AM
Post #4


WDG Member
********

Group: Root Admin
Posts: 8,007
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3



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.


--------------------
Darin McGrew
WDG Member since 1998
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Grumbleduke
post Oct 25 2007, 03:19 AM
Post #5





Group: Members
Posts: 3
Joined: 23-October 07
Member No.: 4,130



Excellent, thanks smile.gif
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 29th August 2014 - 09:01 AM