homepage Welcome to WebmasterWorld Guest from 54.211.97.242
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Browsers / Firefox Browser Usage and Support
Forum Library, Charter, Moderators: incrediBILL

Firefox Browser Usage and Support Forum

    
Trouble with Firefox
alignment problem--
contentmaster

10+ Year Member



 
Msg#: 298 posted 7:40 am on Dec 22, 2004 (gmt 0)

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

5+ Year Member



 
Msg#: 298 posted 7:48 am on Dec 22, 2004 (gmt 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.

contentmaster

10+ Year Member



 
Msg#: 298 posted 9:43 am on Dec 22, 2004 (gmt 0)

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

tedster

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



 
Msg#: 298 posted 8:17 pm on Dec 22, 2004 (gmt 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.

nerdgerl

5+ Year Member



 
Msg#: 298 posted 3:13 am on Dec 23, 2004 (gmt 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.

Matty21

5+ Year Member



 
Msg#: 298 posted 11:58 am on Dec 24, 2004 (gmt 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

10+ Year Member



 
Msg#: 298 posted 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

emac

5+ Year Member



 
Msg#: 298 posted 6:20 pm on Dec 28, 2004 (gmt 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.

SuzyUK

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



 
Msg#: 298 posted 9:09 pm on Dec 28, 2004 (gmt 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..

yngwin

5+ Year Member



 
Msg#: 298 posted 3:50 pm on Dec 30, 2004 (gmt 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.

Easy_Coder

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 298 posted 2:44 am on Jan 4, 2005 (gmt 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>

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Browsers / Firefox Browser Usage and Support
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved