Trouble with Firefox

alignment problem--

[contentmaster]

I have recently starting using firefox and have noticed that my website looks pretty good on it ....

however there seems to be one problem....there is a section on my webpage which has 3 tables on it like 3 boxes next to each other....

one of the tables shows out of place...it is aligned wrongly and i cant seem to understand what the problem is...it shows perfectly on internet explorer....shows looks ok on frontpage also!

Please help

[nerdgerl]

well, even Firefox isn't perfect, and that's my first thought
because it's somehow against the rules here you can't show me the URL, you could show me how your pages validate
i know that Firefoxes treats valid pages much better than nonvalid ones. and are they badly aligned vertically or horizontally? sometimes i have to baby a certain object with specific code for it to make it look ok, at least visually.

[contentmaster]

the table is badly aligned vertically...it's shifted to the bottom ..

[tedster]

When different browsers render the same page differently, the first step to take is ensuring that both your HTML and CSS are valid.

The W3C (World Wide Web Consortium) is the standards body for HTML and CSS, and they've provided free validators online.

HTML Validator [validator.w3.org]
CSS Validator [jigsaw.w3.org]

Once you know your mark-up is valid, then if rendering problems remain, we can help you untangle them. But otherwise, even if you fix the page's appearance in this or that browser, the core problems can always make for trouble in another browser/operating system.

[nerdgerl]

If it's valid, and Firefox is still displaying it improperly, you have three choices:

1. Start some browser-sniffing DHTML to give Firefox an "exclusive" CSS-positioning ID.

2. Say, "Forget validity," and use the good old HTML 4.0 valign property.

3. Get over it. Sometimes you have to let it slide. Not enough non-geek people use Firefox to really have it matter all that much.

[Matty21]

firefox is not as forgiving as ie but is a standard compliant browser i had various alignment problems with sites when i first started using firefox but soon they worked just check your html and if nees be use a little css positioning to fix the problems

[theLurker]

I am having similar problems on only one page of my site...the text is overlapping on FF, but is fine on IE and NN

[emac]

I have found a couple issues and fixes for FF.
First, get rid of the tables unless you are need it to pull in table data. Use div's.
Second, using div's still has issues and one issue that I felt like pulling my face off when I realized what was going on "IE - borders inside, FF - borders outside", this is alignment hell when using borders. Fix - boxes overlapping.
Text flow, I found that FF has larger paragraph spacing than other browsers, very similar in Safari. set a p class in your css to have a fixed margin and whammo - it works.

[SuzyUK]

shows looks ok on frontpage also..

It will do as that uses IE for its preview pane

The issues and 'fixes' are probably not FF centric :~)
Have you tested in NN7.2 or Opera 7? if so what are you seeing there?

How are getting your tables to display side by side? are you nesting them in a main table or using the align attribute?

If in main container table is the vertical-align set on the td?

a bit more HTML info would help before deciding it's a FF only problem IMHO anyways..

[yngwin]

It most probably is not a Firefox problem at all. Firefox does most things right (as in Web Standards). It is IE that is the problem.

[Easy_Coder]

I had a similar issue and it turned out that the table caption tag needed to be removed to clear things up
<table>
<caption>The longer the caption content the worse the situation appeared too</caption>
<tr><td>test</td></tr>
</table>