Open
Bug 102981
Opened 24 years ago
Updated 3 years ago
Table with a <td width="100%"> renders differently in Mozilla then in Communicator and IE
Categories
(Core :: Layout: Tables, defect, P3)
Tracking
()
NEW
Future
People
(Reporter: ben0x4a.bulk+mozilla, Unassigned)
Details
(Keywords: compat, testcase, Whiteboard: DUPEME)
Attachments
(2 files)
From Bugzilla Helper:
User-Agent: Mozilla/5.0 (X11; U; Linux i686; en-US; rv:0.9.4) Gecko/20010916
BuildID: 2001091618
This HTML code renders differently in Mozilla then in Communicator and Internet
Explorer. In communicator and IE the two images are side by side. In Mozilla
they are one on top of the other.
<html>
<body>
<table border="1">
<tr>
<td width="320" height="80"> <img
src="http://www.netscape.com/ex/shak/home2001c/images/nslogo_t.gif"><img
src="http://www.netscape.com/ex/shak/home2001c/images/nslogo_t.gif"> </td>
<td width="100%"> test </td>
</tr>
</table>
</body>
</html>
Reproducible: Always
Steps to Reproduce:
1.save html code to file
2.open with ie and communicator
3.open in mozilla
Actual Results: In Mozilla they are stacked one on top of the other.
Expected Results: In communicator and IE they are side by side.
|
Reporter | |
Comment 1•24 years ago
|
||
|
||
Comment 2•24 years ago
|
||
The table cells are overconstrained. 100% + 320px is greater than the width of
the table, so there is no way to satisfy all the requirements at once. We do
our best by making the 320px cell as narrow as possible (we have to ignore
either the 320px or the 100%...)
Thisis a duplicate, but I can't find the original.
Whiteboard: DUPEME
This is Marc's nowrap issue, reassigning to him.
Assignee: karnaze → attinasi
|
|
||
Comment 4•24 years ago
|
||
We decided not to keep the images together if the cell has a width constraint
(sigh,moan,grumble).
If there is a real URL that relies on this I will look into it, otherwise I'll
just back-burner it because that quirk is getting out of control!
Status: UNCONFIRMED → NEW
Ever confirmed: true
|
|
||
Updated•24 years ago
|
Target Milestone: --- → Future
|
|
||
Updated•24 years ago
|
attinasi will probably not work on those bugs :-(
Assignee: attinasi → table
QA Contact: amar → madhur
Target Milestone: Future → ---
|
|
||
Updated•22 years ago
|
Priority: -- → P3
Target Milestone: --- → Future
|
|
||
Comment 8•21 years ago
|
||
*** Bug 262414 has been marked as a duplicate of this bug. ***
|
|
||
Comment 9•17 years ago
|
||
Same problem here... See example code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Public Flyers</title>
<style type="text/css">
/*<![CDATA[*/
#topmenu table {
border-collapse:collapse;
width: 100%;
}
#topmenu td {
padding: 0px;
valign: top;
align: left;
height:100%;
}
#topmenu div {
position:relative;
font-size:14px;
font-family: sans-serif;
}
body.screen {
left:0px;
margin:0px;
padding: 0px;
}
/*]]>*/
</style>
<script type='text/javascript'>
</script>
</head>
<body class="screen">
<div id="topmenu" style="position:absolute; top:0px; left:0px;">
<table>
<tr>
<td><div style='width:175px; height:20px; background-color:blue;'></div></td>
<td width='100%'><div style='width:100%; height:20px; background-color:green;'></div></td>
<td><div style='width:175px; height:20px; background-color:red;'></div></td>
</tr>
<tr>
<td></td>
<td><div style='width:640px; height:1px;'></div></td>
</tr>
</table>
</div>
</body>
</html>
|
|
||
Comment 10•17 years ago
|
||
When having a td with a width set to "100%", it should expand along with the browser window. This works fine on IE, Safari, And Firefox 2. But for some reason dont work on Firefox 3rc1. It dont expand when resizing the browser window, see the above code example.
|
||
Comment 11•17 years ago
|
||
The test case from comment 9 is off topic to this bug which is about image wrapping in quirks mode. (see comment 1-4) More than this the test case is rendered to the spec. The table has a 990 px width arising from the various divs inside. The other specs are contradicting each other, the containing box is absolute positioned so it should shrink fit as it does in FF3. If you think this is a bug please open a new bug and supply the reasoning, that means by CSS 2.1 why a strict mode rendering should be as wide as the screen.
|
||
Updated•16 years ago
|
Assignee: layout.tables → nobody
QA Contact: madhur → layout.tables
|
||
Updated•3 years ago
|
Severity: normal → S3
You need to log in
before you can comment on or make changes to this bug.
Description
•