Need Help With Firefox

[WoWzers]

Okay guys I know the programming for this site is not good and I'm not using css like I should but:

http://www.majorwebdesign.com

In Internet Explorer it looks like I want it to, but in Firefox everything becomes spaced really strangely?

Thanks for any help, please don't flame me too badly.

[skyrocket]

What version of IE are you using? Usually in these cases it is IE just being slack and letting you get away with 'wrong' markup. Firefox on the other hand is fully standards compliant and is much stricter - hence the gaps you are seeing. Your best bet is to validate your pages and run through the errors (there's quite a few). See if you can fix those up and Firefox will be happier.

[robinev]

Firefox on the other hand is fully standards compliant and is much stricter - hence the gaps you are seeing.

Maybe it's "fully standards compliant" but Firefox is still flakey as hell in its initial rendering of a page.

I suspect that the page has been fixed since it was first posted, but one thing that sometimes happens is that the doctype allows both Firefox and IE to show a page in "Quirks" mode. Firefox is very quirky when allowed to render in its Quirks mode. When forced into standards mode (as this page now does for both), both browsers are similar in their rendering.

Part of this whole "standards" issue is pure marketing. Netscape's engineers who still write much of Mozilla's code seem to retain a bit of bitterness at losing the browser battle as decisively as they did. I mean, how embarrasing is it for them to now get their paychecks from AOL?

I use Firefox about half the time now. It's a decent browser -- finally. Although it took them a long time to get there. But it does have some really weird quirks even when rendering in "standards compliance mode". I find it irritating to watch it slowly render a page, bouncing things around until it figures out what it's trying to do. IE is far more elegant at presenting a page in completed form.

[Niko Holopainen]

I wouldn't agree with Firefox being fully standards compliant, it is my favourite browser and I use it almost exclusively but creating sites that appear the same in both requires quite a bit of tweaking.

Off hand, since I know next to nothing about table based designs, I would guess the issue is with either margin or padding values.

Validate, check the padding and margin values and let us know if it didn't help.

Incidentally I find it curious that the left side graphic is single color in IE 6.0 but proper fading in Firefox, albeit with a strange vertical bar of darker blue.

Hope this helps,

[skyrocket]

I mean, how embarrasing is it for them to now get their paychecks from AOL?

Huh? I think you're a bit out of date there. AOL/Netscape still lives but Mozilla Org split off from AOL a year ago (story here: http://news.com.com/2100-1032_3-1026078.html?tag=fd_top).

The Mozilla foundation was funded in large part by a $2 million donation from AOL but they don't get paychecks from them anymore.

As they say on their own web page "We are an open source community of developers and testers". The link with AOL has gone. Mozilla now have partners including IBM, Sun Microsystems, Hewlett Packard, Red Hat and Lindows.

[WoWzers]

Thanks for the tips guys. I went through the validating errors, fixing any that may have caused the problem, but it is still not fixed.

I checked page margins, cell padding, and everything looks like it is where it should be.

I don't understand it. The only thing I can think of is that firefox is A. trying to somehow make my pages longer than they should be, or B. trying to space the first two rows out.

I still don't understand it, but I need money to eat, so I'm hoping that most of my clients will not have enough computer experience to be an avid Firefox user :>

[mikmik]

You want a good laugh about Firefox's flakiness?
http://factor1.net/
(Please excuse me, I haven't been able to work on my site to finish it for four month's...oh well LOL)

The header took my about 20 hours! to even get it that close to IE's appearance with boxes spacing and sizing by width percentages. I wanted a 100% xhtml/css, no tables site, all validating etc., etc.

Now, how in the world does Firefox manage to get the relative placement of the images and text boxes: first: correct if the window is to narrow-they are under the logo;
second: correct as you widen the window and there is room beside the logo, but...;
third: if your resolution is big enough they drop back down under the logo!
Got to have enough room, okay. But to much? LOL

Forget some pages being the same across browsers, it just doesn't happen, tables or no tables. Many pages are okay, but not ones that are to strict standards, even with all the 'hacks'.

There are, however, lots of pages that are very close in both browsers, but either they have no DTD, ot they are transitional html with tables for layout - which there is no problem with that at all. (I am a reformed CSS fanatic...anti tables all the way. No More! I don't even worry about xhtml doctypes anymore, either!)

Most people use IE to browse, still over 90%, but it is changing.

[mikmik]

One more thing, I have been as stunned by the difference in a pges appearance from IE6 to IE5.5 as I have between IE6 and Mozilla browsers.

IE5.5 is stiil way more common than Mozilla, so even just checking with one version of IE can let you down if your cliect uses a different version.
That is an uncomfortable situation to be surprised with. Font sizes are a big area of difference sometimes, and inheritance of widths is additive in IE5.5, but not 6, or Firefox.
Say you have a div that is 80% width of the body, and you nest a child div set at 60% width.
Theoretically, you get a child div at 60% of the parent div (48% of the body), but in IE5.5, you get a child div 48% width of the parent div (39% of the body).

I am getting my old headaches again, I have to go lie down now LOL :O)

[WoWzers]

true, but I still don't know why firefox is doing this to my page lol. It is really strange, I don't see anything in the code. Thanks anyways for the posts though hehe.


I keep seeing alot of people come from webproworld to my site, and this is the only post that it's in, so at least lots are trying to figure it out hehe.

[speed]

Looking at the differences in IE6 and Firefox 0.9.2 the only thing I can see is the banner bar spacing, so I'm assuming this is what you are talking about.

This should be fixable by changing:

<p align="center"> [img]../Images/TESTTOP223.jpg[/img]

To:

[img]../Images/TESTTOP223.jpg[/img]

If there are any other differences then please list them and post the version numbers of IE and Firefox you are using.