Welcome to WebmasterWorld Guest from

Forum Moderators: incrediBILL

Message Too Old, No Replies

Trouble with Firefox

alignment problem--



7:40 am on Dec 22, 2004 (gmt 0)

10+ Year Member

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


7:48 am on Dec 22, 2004 (gmt 0)

10+ Year Member

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.


9:43 am on Dec 22, 2004 (gmt 0)

10+ Year Member

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


8:17 pm on Dec 22, 2004 (gmt 0)

WebmasterWorld Senior Member tedster is a WebmasterWorld Top Contributor of All Time 10+ Year Member

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.


3:13 am on Dec 23, 2004 (gmt 0)

10+ Year Member

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.


11:58 am on Dec 24, 2004 (gmt 0)

10+ Year Member

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


4:24 pm on Dec 26, 2004 (gmt 0)

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


6:20 pm on Dec 28, 2004 (gmt 0)

10+ Year Member

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.


9:09 pm on Dec 28, 2004 (gmt 0)

WebmasterWorld Senior Member suzyuk is a WebmasterWorld Top Contributor of All Time 10+ Year Member

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..


3:50 pm on Dec 30, 2004 (gmt 0)

10+ Year Member

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.


2:44 am on Jan 4, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member

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

Featured Threads

Hot Threads This Week

Hot Threads This Month