Open
Bug 243508
Opened 22 years ago
Updated 3 years ago
<td> with height an width given in percent and an auto scrollable <div> inside resizes in the wrong way.
Categories
(Core :: Layout, defect)
Tracking
()
UNCONFIRMED
People
(Reporter: ol.simon, Unassigned)
Details
(Keywords: testcase)
Attachments
(1 file)
|
2.39 KB,
text/html
|
Details |
User-Agent: Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.6) Gecko/20040227 Firefox/0.8
Build Identifier: Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.6) Gecko/20040227 Firefox/0.8
source code that demonstrates the problem. <object> and <iframe> behaves in the
way expected:
<html>
<head>
<title>Firefox/Mozilla Bug?</title>
</head>
<body>
<table style="width:100%; height:100%; border:1px solid black">
<tr>
<td style="height:50%; width=50%; border:1px solid black">
NORMAL TD
</td>
<td style="height:50%; width=50%; border:1px solid black">
<div style="height:100%; width:100%; overflow:auto">
DIV DIV DIV DIV DIV DIV DIV DIV DIV DIV DIV DIV
DIV DIV DIV DIV DIV DIV
DIV DIV DIV DIV DIV DIV DIV DIV DIV DIV DIV DIV
DIV DIV DIV DIV DIV DIV
DIV DIV DIV DIV DIV DIV DIV DIV DIV DIV DIV DIV
DIV DIV DIV DIV DIV DIV
DIV DIV DIV DIV DIV DIV DIV DIV DIV DIV DIV DIV
DIV DIV DIV DIV DIV DIV
DIV DIV DIV DIV DIV DIV DIV DIV DIV DIV DIV DIV
DIV DIV DIV DIV DIV DIV
DIV DIV DIV DIV DIV DIV DIV DIV DIV DIV DIV DIV
DIV DIV DIV DIV DIV DIV
DIV DIV DIV DIV DIV DIV DIV DIV DIV DIV DIV DIV
DIV DIV DIV DIV DIV DIV
DIV DIV DIV DIV DIV DIV DIV DIV DIV DIV DIV DIV
DIV DIV DIV DIV DIV DIV
DIV DIV DIV DIV DIV DIV DIV DIV DIV DIV DIV DIV
DIV DIV DIV DIV DIV DIV
DIV DIV DIV DIV DIV DIV DIV DIV DIV DIV DIV DIV
DIV DIV DIV DIV DIV DIV
DIV DIV DIV DIV DIV DIV DIV DIV DIV DIV DIV DIV
DIV DIV DIV DIV DIV DIV
DIV DIV DIV DIV DIV DIV DIV DIV DIV DIV DIV DIV
DIV DIV DIV DIV DIV DIV
DIV DIV DIV DIV DIV DIV DIV DIV DIV DIV DIV DIV
DIV DIV DIV DIV DIV DIV
DIV DIV DIV DIV DIV DIV DIV DIV DIV DIV DIV DIV
DIV DIV DIV DIV DIV DIV
</div>
</td>
</tr>
<tr>
<td style="height:50%; width=50%; border:1px solid black">
<object width="100%" height="100%" data="object.html">
</object>
</td>
<td style="height:50%; width=50%; border:1px solid black">
<iframe width="100%" height="100%" scroll="auto"
src="iframe.html">
</iframe>
</td>
</tr>
</table>
</body>
</html>
Reproducible: Always
Steps to Reproduce:
|
||
Updated•22 years ago
|
Assignee: firefox → nobody
Component: General → Layout
Product: Firefox → Browser
QA Contact: core.layout
Version: unspecified → Trunk
|
|
||
Comment 1•22 years ago
|
||
You may want to describe what you think the "right way" would be...
|
|
Reporter | |
Comment 2•22 years ago
|
||
The browser's layout works with all the delimiters (height, width) fine for
object and iframe tags (you can see this if you delete the "DIV DIV ..." lines
in the div tag. When using the DIV tag the td tag expands as much as it can (but
could scroll as defined in the style). So I think it should just work as the
other two tags:
keep the given size and scroll the content...
Thx.
Is width=50% intentional? looks like bug 210657
|
||
Comment 4•17 years ago
|
||
(In reply to comment #3)
> Is width=50% intentional? looks like bug 210657
>
I think it ought to be "width:50%" with a colon and not an equal sign. IIUC, the equal sign is invalid CSS syntax and explains why the left column is much narrower than the right one.
I think the difference between "overflow:auto" and "scroll:auto" explains why the iframe gets a scrollbar and the DIV doesn't.
|
||
Updated•3 years ago
|
Severity: normal → S3
You need to log in
before you can comment on or make changes to this bug.
Description
•