563121 - There is issues with the content images and links, only seems to happen with Firefox.

Status: RESOLVED WORKSFORME

(Core :: Layout, defect)

Description

[Kevin]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 6.0; en-US; rv:1.9.2.3) Gecko/20100401 Firefox/3.6.3 (.NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729)
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 6.0; en-US; rv:1.9.2.3) Gecko/20100401 Firefox/3.6.3 (.NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729)

I've checked this issue with some other top browers and don't see the issue of images being misplaced. Only do I experience the issue with Firefox browser. It happens with all O.S. with Firefox too. http://www.filthgauge.com/Bio.htm 

Reproducible: Always

Steps to Reproduce:
1.Happens instantly when I open the page.
2.
3.
Actual Results:  
Happens instantly when I open the page.

Expected Results:  
I can't do nothing to fix the issue.

The links and images should be in their correct places.

Comment 1

[Philip Chee]

You don't say exactly how and where the links and images are misplaced. Can you attach a screenshot of how it looks like in Firefox vs. what you expect to see in other browsers?

Comment 2

[Philip Chee]

On 1 May 2010 13:55, Kevin T. Van <[e-mail]> wrote:
> Attached is what the issue is from what I'm seeing...I'm not sure how to fix
> it.

Please add your screenshots to the acutal bug. On the page:
<https://bugzilla.mozilla.org/show_bug.cgi?id=563121>

There is an attachment section. In that section there is a link:
"Add an attachment"

Cheers Phil

Comment 3

[Tanner M. Young [:tmyoung]]

The reason for the layout issue--as best as I can tell--is the table to arrange the page.  There are two solutions I found from testing with Firebug.

First, to solve it temporarily, reduce the font size to 16px.  That removes the problem on Firefox Trunk (v. 3.7), anything larger breaks the table.

Second, in the long term, I would use divs rather than tables.  Since your layout is contained in a well-defined "box" with the elements staying in the same place, you can make use of absolute positioning; using something other than tables will dramatically increase interoperability between browsers and thus prevent future problems.

A theoretical, but unproven explanation would be that the table depends on a css definition that is not explicitly defined, but the definition is assumed correctly by the other browser rendering engines.  I don't know what that value is if that is the explanation, but possibly if it were defined in your css file, then the problem could be resolved.

Comment 4

[Kevin]

Attachment: Not right placement of images and links.

Works fine in other browsers! Not in Firefox....

Comment 5

[Kevin]

Using any font size doesn't matter, because it seems to only happen after the text passes a certain length on the page.

The div option didn't seem to work ether, unless I was doing it wrong.

Comment 6

[Philip Chee]

This bug has nothing to do with the PageInfo window.

Comment 7

[Ryan VanderMeulen [:RyanVM]]

Looks like the site changed. I can't reproduce now with builds going back to 2008.