286917 - www.democrats.org - displays fine with IE, not in firefox

Status: RESOLVED INVALID

(Tech Evangelism Graveyard :: English US, defect)

Description

[Ben Guthrie]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8b2) Gecko/20050317 Firefox/1.0+
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8b2) Gecko/20050317 Firefox/1.0+

"join the campaign"  column is to the right of "contribute", it should be left
justified.
"Take Action Today"  should be to the right of this column, instead it is below
and left justified.

Reproducible: Always

Steps to Reproduce:
1.click on URL
2.
3.

Actual Results:  
see above.  display is FUBAR.  it may be because page is non-standard, but I
don't know.  If it's an "ie only" page, I want to complaign to the democratic party.

Comment 1

[Ben Fowler]

Mozilla/5.0 (Macintosh; U; PPC Mac OS X Mach-O; en-US; rv:1.8b2) Gecko/20050227
Firefox/1.0+

See Bug 282291 "Displays okay on Windows. Does NOT display okay on Linux"

Your page looks OK to this Englishman, but I will take your word that the layout 
is faulty. If you want serious help from the Bugzilla community you may need 
to provide a testcase with source and an image of the expected render, 
otherwise, skip to the last line of my comment!

The page validates perfectly, save for a missing close anchor tag on line 629.

> "Take Action Today"  should be to the right of this column, instead it 
> is below and left justified.

The block you refer to is a div with class leftnavbox and the source has the 
comment <!-- Left Nav/Content -->, so I am far from certain that this is a 
True Bill.

When you start your envangelism campaign, please make your words honeyed and
sweet.

Comment 2

[Mats Palmgren (inactive)]

Mozilla's layout is correct.

http://www.w3.org/TR/CSS21/visuren.html#propdef-float
"2.  If the current box is left-floating, and there are any left-floating boxes
generated by elements earlier in the source document, then for each such earlier
box, either the left outer edge of the current box must be to the right of the
right outer edge of the earlier box, or its top must be lower than the bottom of
the earlier box. Analogous rules hold for right-floating boxes. "

The earlier float:left box in this case is the box containing
the links "Home Blog News Contribute" (that is <div id="topnavlinks">).

One could add "float:left" or "overflow:auto" to the parent of that box
(that is <div id="topnav">) to get the desired rendering.

-> TE

Comment 3

[nemo]

Source page appears to have vanished from democrats.org so there seems to be little purpose in this evangelism bug.

In any case comment #2 notes Firefox' rendering is correct.