Welcome to WebmasterWorld Guest from 54.145.13.215

Forum Moderators: incrediBILL

Message Too Old, No Replies

Trouble with Firefox

alignment problem--

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

Preferred Member

10+ Year Member

joined:May 29, 2003
posts:364
votes: 1


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)

New User

10+ Year Member

joined:Dec 12, 2004
posts:14
votes: 0


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)

Preferred Member

10+ Year Member

joined:May 29, 2003
posts:364
votes: 1


the table is badly aligned vertically...it's shifted to the bottom ..
8:17 pm on Dec 22, 2004 (gmt 0)

Senior Member

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

joined:May 26, 2000
posts:37301
votes: 0


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)

New User

10+ Year Member

joined:Dec 12, 2004
posts:14
votes: 0


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)

New User

10+ Year Member

joined:Dec 21, 2004
posts:11
votes: 0


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

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

Inactive Member
Account Expired

 
 


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)

New User

10+ Year Member

joined:Dec 28, 2004
posts:10
votes: 0


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)

Senior Member

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

joined:Oct 1, 2002
posts:5199
votes: 0


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)

New User

10+ Year Member

joined:Dec 30, 2004
posts:9
votes: 0


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)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:June 2, 2003
posts:1184
votes: 0


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>