Website Display Problem in FF3

SEMMatt · #1 (**permalink**) 08-31-2008, 11:41 PM

Hello,

I am having an issue with my site's main content which is wrapped in a div displaying "right of center" only in FF3. Looks fine in FF2 and IE. Could this be an issue with auto margin as displayed below? If so, what is a fix?

Thanks.

Code:
<body class="oneColFixCtrHdr">

<div id="container">
<div id="header">

CSS:

}
.oneColFixCtrHdr #container {
width: 780px; /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
margin: 20px auto; /* the auto margins (in conjunction with a width) center the page */
border: 1px solid #000000;
text-align: left; /* this overrides the text-align: center on the body element. */
}

iany · #2 (**permalink**) 09-03-2008, 04:24 AM

Things would be easier if we saw the site as you are not showing all of the CSS. The class oneColFixCtrHdr could be the issue. I am surprised that FF3 is rendering differently to FF2. I have had no issue with any of my sites.
Have you checked if using just #container {etc} rather than .oneColFixCtrHdr #container {etc}. Not sure why you have done that.

However, as I said, difficult to fix without a looksee at the site.

Cheers

mikesmith76 · #3 (**permalink**) 09-04-2008, 05:40 AM

As already said provide a link to your site and we can help further. As with the previous poster i've not experienced any difference between rendering in FF2 / 3, just a speed increase.

ziffgone · #4 (**permalink**) 09-04-2008, 04:03 PM

Hi Everyone,

I PMed SEMMatt and the site is LiveKabbalah.org

@SEMMatt.

Change your main CSS:

HTML Code:

body {
	margin-left: 200px;
	margin-right: 200px;
}

to this:

HTML Code:

body {
	margin:0px;
}

Should do it for you.

Regards...

iany · #5 (**permalink**) 09-04-2008, 07:55 PM

I have tried the site and whilst I agree that the body margin code is worthless, the site is centred in FF3 on my system.
How strange.

Not sure why you defined the margin in the off page style sheet as 0 then, redefined it on page with 200px left and right margins. Kinda defeats the purpose, huh?

In fairness, you need to go validate your html too. There are 26 errors which don't help. Most of these are missing alt tags and end tags wrongly assigned. You also need to use a more up-to-date way to embed your flash.
Adobe - Developer Center : JavaScript Flash Player Detection and Embedding with SWFObject is the way to go these days.
Can you tell me why you have a class .oneColFixCtrHdr which has no style information? Seems a long winded way to code the site. You might also do better by using a tableless layout as this is probaly the simplest CSS layout.

Cheers

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Table Display in Firefox Problem	morestar	Graphics & Design Discussion Forum	6	02-01-2008 11:38 AM
Dot net Treeview display problem on a MAC	stonecoldjk	Web Programming Discussion Forum	2	02-07-2006 03:14 PM
Css display problem in Firefox	Spectur	Graphics & Design Discussion Forum	3	11-22-2005 11:13 AM
Help needed with Firefox display problem	Gary Allman	Graphics & Design Discussion Forum	3	03-11-2005 01:11 PM
cell phone display problem	Faglork	Web Programming Discussion Forum	6	02-09-2005 04:11 PM