379924 - div with overflow:auto inside table td tag doesnt work!

Status: RESOLVED DUPLICATE of bug 210657

(Core :: Layout, defect)

Description

[Ralf]

User-Agent:       Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; .NET CLR 2.0.50727; InfoPath.1; .NET CLR 1.1.4322)
Build Identifier: latest!

Hi,
got a problem to scroll inside a table td tag.
details you can view in the given url...

IE,OPERA,SAFARI works but GECKO ENGINES NOT!

Reproducible: Always

Steps to Reproduce:
1.
2.
3.

Comment 1

[Steve England [:stevee]]

Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.8.1.4pre) Gecko/2007050204 BonEcho/2.0.0.4pre
Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.9a5pre) Gecko/20070508 Minefield/3.0a5pre ID:2007050804 [cairo]
Opera 9.2

I can't see any obvious differences between rendering or behaviour between the about three browsers.

Report, please provide explicit steps to show what you are seeing.

Comment 2

[Ralf]

Please take a look at http://www.apdb.de/BUG
If you change the vertical size of the browser window and the black frame moves over the text inside the right frame you see what i mean.

Comment 3

[Samuel Sidler (old account; do not CC)]

I think I see what you mean. Sending it to Core::Layout for triage.

Comment 4

[Thierry Pierron]

Attachment: overflow: auto changed into overflow: visible

Comment 5

[Thierry Pierron]

Okay, forgot to add some details about the attachment.

This page tries to replace frames with div and "overflow: auto". First a table layout the page into 3 zones : top, bottom left, bottom right.

Bottom right cell has a div whose content is set to "overflow: auto". Sadly, it is interpreted as "overflow: visible". If you use the arrow key up/down to scroll the page, you will see the content overlap.

Workaround : there is a small script commented at the bottom of the page. Uncomment it and it will somewhat work.

Works in IE7 and Safari. IE6 and Opera 9 also requires javascript stub.