Open Bug 454555 Opened 12 years ago Updated 10 years ago

Website isn't displayed properly

Categories

(Core :: Layout, defect)

defect
Not set
normal

Tracking

()

UNCONFIRMED

People

(Reporter: ianmk2006, Unassigned)

References

()

Details

Attachments

(3 files)

User-Agent:       Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.5; en-US; rv:1.9.0.1) Gecko/2008070206 Firefox/3.0.1
Build Identifier: Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.5; en-US; rv:1.9.0.1) Gecko/2008070206 Firefox/3.0.1

on the website https://www.mybank.alliance-leicester.co.uk/login/SR1.asp 

the date of birth field isnt displayed properly, they overlap each other so you cant click in each field, this works fine in all other browsers, safari etc



Reproducible: Always

Steps to Reproduce:
1.  this happens every time on firefox
2.
3.
Actual Results:  
just load up the website and see for yourself, i have screen shots comparing the 2


should of displayed 3 fields for date of birth, day, month year
this is how it appears on firefox,
this is safari screengrab where its displayed properly
compare 2 screengrabs
Confirmed on Windows XP. This is a regression from Bug 300030.
Component: General → Layout
OS: Mac OS X → All
Product: Firefox → Core
QA Contact: general → layout
Hardware: Macintosh → All
Version: unspecified → Trunk
Summary: website isnt displayed propperly → Website isn't displayed properly
The three date inputs are left floats, separated by BRs, with successively increasingly negative relative positions (0, top:-16px, top:-32px).  I'm not surprised they overlap.

I suspect whether or not they overlap depends on whether the height of the text field is taller than the height of the line break caused by the BR.  If the text fields are taller, the floats end up side-by-side, but if the line breaks are taller the inputs should end up overlapping.
Oh, and the inputs have an explicit height of 12px.

But the more important issue is actually that they're in a shrink-wrap container (though they're separated by BRs).
but this doesnt happen in other browsers, only firefox
It also happens with Opera here.

Safari 3.1/WebKit latest nightly doesn't show the problem on the website because they feed it an additional stylesheet, with additional positioning rules.
( - OS X 10.5.4).
Attached file minimal test case
You need to log in before you can comment on or make changes to this bug.