274211 - DISPLAY:TABLE-CELL - seems to ignore WIDTH declarations 1/3rd of the time, pressing refresh gives you a 1 in 3 chance of getting a properly rendered page (NOT a cache issue)

Status: RESOLVED DUPLICATE of bug 121142

(Core :: Layout: Tables, defect)

Description

[firefoxisabitcrap]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-GB; rv:1.7.5) Gecko/20041110 Firefox/1.0
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-GB; rv:1.7.5) Gecko/20041110 Firefox/1.0

<div style='display:table-cell; width:160px'>
<p>content cell 1</p>
</div>

<div style='display:table-cell;'>
<p>content cell 2</p>
</div>

this should give a table-like layout with the first column/cell 160px wide, and
the 2nd cell a width depending on the amount of content. Sometimes firefox seems
to ignore the 160px and treat it as 100%. This is not due to too much content in
the right hand side column, nor due to cached html or css. This does not happen
in any mozilla version apart from FireFox 1.0
Opera is also fine.

Reproducible: Sometimes
Steps to Reproduce:
1. go to the site i showed using firefox 1.0
2. pick some pages from the left
3. press refresh a few times

Actual Results:  
right hand content appeared below left hand menu. (30% of the time)

Expected Results:  
right hand content should have appeared alongside left hand menu 

I looked for similar bugs here but navigating this site is torture.

Comment 1

[firefoxisabitcrap]

I'd like to change my report a bit. It happens in all mozilla variants it seems,
not just 1.0, and it only happens on the FIRST hit 30% of the time, pressing
refresh sorts it.

But! I have just found that moving the files to a sub-directory solves it. even
weirder! so go to http://www.campion97.com/temp/ and see that although the files
are identical, the problem does not occur.

How is that possible?? maybe im tired.

(In reply to comment #0)
> User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-GB; rv:1.7.5)
Gecko/20041110 Firefox/1.0
> Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-GB; rv:1.7.5)
Gecko/20041110 Firefox/1.0
> 
> <div style='display:table-cell; width:160px'>
> <p>content cell 1</p>
> </div>
> 
> <div style='display:table-cell;'>
> <p>content cell 2</p>
> </div>
> 
> this should give a table-like layout with the first column/cell 160px wide, and
> the 2nd cell a width depending on the amount of content. Sometimes firefox seems
> to ignore the 160px and treat it as 100%. This is not due to too much content in
> the right hand side column, nor due to cached html or css. This does not happen
> in any mozilla version apart from FireFox 1.0
> Opera is also fine.
> 
> Reproducible: Sometimes
> Steps to Reproduce:
> 1. go to the site i showed using firefox 1.0
> 2. pick some pages from the left
> 3. press refresh a few times
> 
> Actual Results:  
> right hand content appeared below left hand menu. (30% of the time)
> 
> Expected Results:  
> right hand content should have appeared alongside left hand menu 
> 
> I looked for similar bugs here but navigating this site is torture.

Comment 2

[Mats Palmgren (inactive)]

Attachment: Testcase

Comment 3

[Bernd]

the testcase can't work due to bug 148810, probably its even a dupe of bug 148810

Comment 4

[Dan Culley]

(In reply to comment #3)
> the testcase can't work due to bug 148810, probably its even a dupe of bug
> 148810
> 

For a production example, see http://www3.georgetown.edu/departments/history/about/. Remove all the stylesheets except style.css to de-complicate. Although the issue occurs frequently in Gecko 1.7, it does occur much less frequently but still does occur in Gecko 1.8. It should be noted however, that in my experience the width of the first table-cell is still respected, although the subsequent cells seem to expand to the full width. To replicate the problem, try navigating around the above site, you'll eventually come across a page that's breaks 

Comment 5

[Boris Zbarsky [:bzbarsky]]

This is a duplicate of bug 121142, down to the exact testcase.