Join the Mozilla’s Test Days event from Dec 2–8 to test the new Firefox address bar on Firefox Beta 134 and get a chance to win Mozilla swag vouchers! 🎁

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Table alignment is ignored in Firefox, Ok in IE

more options

Our web pages display correctly in IE but not in Firefox, which is my browser of choice.

The main table, containing the substance of the pages, is aligned right to allow the menu to float clear down the left hand side of the page. In Firefox, the table alignment seems to be ignored and justifies across the whole page width. This is the same for all S130 Gallery pages. Somewhat annoying.

Our web pages display correctly in IE but not in Firefox, which is my browser of choice. The main table, containing the substance of the pages, is aligned right to allow the menu to float clear down the left hand side of the page. In Firefox, the table alignment seems to be ignored and justifies across the whole page width. This is the same for all S130 Gallery pages. Somewhat annoying.

All Replies (6)

more options

I did not try in IE to compare but is the attached as intended ?

That is in Firefox with the floating table at the left not spread across the page. If that is correct maybe it is something to do with your setup, such as an interfering extension or the javascript settings.

more options

The table is set to 775 pixels wide and aligned right to allow the menu to float down the left hand side, clear of the text and images.

See Attached

The code seems to read correctly but, as I said, it works ok in IE but not in Firefox or in Chrome, I have just done a test with chrome.

If it is java script or an extension then you have something in your setup that is the same as mine. Looking at the attachement, it shows the problem exactly - The meat should on the right, like the header.

more options

You will probably be able to get better advice if you try the mozillazine forum


edit, as the-edmeister points out the code is not W3C compliant, I should have checked that straight away with http://validator.w3.org/unicorn/

John99 moo ko soppali ci

more options

That's the problem with creating pages that don't meet W3C standards. They are rendered in the Quirks Mode which puts Firefox in the position of guessing how you want your content to be displayed. Three different viewer's and three differing "guesses" by Firefox, although John99's view is closer to my view, the slight difference is probably due to screen resolution differences between our PC's.

Compliance Mode works wonders for narrowing rendering differences like that. And floating table sizes work best for users who have smaller screens or who may run the browser window narrower than full width, as I do. Small widescreen monitor 1320 px width, which I normally run at 1024px wide.

http://en.wikipedia.org/wiki/Quirks_Mode

the-edmeister moo ko soppali ci

more options

Sorry. Now you have completely lost me, I'm afraid I didn't understand a word of the technical stuff. It could have been quantum physics or something alien.

I do not know quite where the floating table comes in. The table in question is a fixed width, fixed position table which is supposed to stay hard over to the right - But doesn't in Firefox.

If you mean the floating menu on the left, it doesn't seem to have any bearing on the matter. I have disabled and the same thing occurs. In IE the FIXED table stays to the right and does not spread accross the window. In Firefox the fixed table, 775 pixels wide, spreads across the entire window, regardless of the size and algnment code, below.

  Confused.
more options

Sorry, hard to avoid getting a little technical. You need a strong keel or the hull won't have the structural rigidity to weather heavy storms or large waves.

First you need a Document Type Definition (DTD) 0r Doctype statement.
http://en.wikipedia.org/wiki/Doctype

Then you need to do validation check with the W3C Markup Validation Service, and fix the problems it comes up with.

The goal is to fix your code that browsers can render your code properly and not have to guess what your intention was - like this:
http://validator.w3.org/check?uri=http://www.rovcom.co.uk/s130_ww2_schnellboot_Slipping.htm