Closed Bug 1094477 Opened 10 years ago Closed 10 years ago

Firefox <div> element not formatting properly.

Categories

(Firefox :: Untriaged, defect)

25 Branch
x86
Windows 8.1
defect
Not set
normal

Tracking

()

RESOLVED INVALID

People

(Reporter: russ.richardson, Unassigned)

Details

User Agent: Mozilla/5.0 (Windows NT 6.3; Win64; x64; Trident/7.0; Touch; .NET4.0E; .NET4.0C; Tablet PC 2.0; InfoPath.3; rv:11.0) like Gecko

Steps to reproduce:

Created a div element that has display set to table-cell. This is encapsulated inside another div with display: table and vertical-align: middle. This works fine for center aligning text(which I use for all sorts of buttons and bubbleboxes).


Actual results:

There is an error in formatting that occurred on the most recent web app I am building. Buttons and captions (built the same way as above) do not format correctly. All of these elements are inside another element which has position: fixed (I am using this as a popup). The individual elements have position: absolute.


Expected results:

The results are only repeatable in Firefox. I have tried Chrome and IE and they work fine. I believe the issue may be from the external div having position: fixed.
I have the web app handy for troubleshooting, and will give address on not public level.
Group: core-security
Can you please attach a minimal html testcase via the "add an attachment" link in this bug report ?
Flags: needinfo?(russ.richardson)
Unfortunately I have already found a fix for the issue, and was unable to create a test page that replicates it. The methods I was using were somewhat deprecated. I adjusted elements to incorporate a display: flex format and that fixed the issue. Sorry for the trouble.
Flags: needinfo?(russ.richardson)
Status: UNCONFIRMED → RESOLVED
Closed: 10 years ago
Resolution: --- → INVALID
You need to log in before you can comment on or make changes to this bug.