Closed
Bug 136068
Opened 24 years ago
Closed 24 years ago
Layout is invalid. See attached HTML file
Categories
(Core :: Layout, defect, P3)
Tracking
()
RESOLVED
DUPLICATE
of bug 103996
Future
People
(Reporter: m_a_sridhar, Assigned: attinasi)
Details
Attachments
(1 file)
|
3.74 KB,
text/html
|
Details |
From Bugzilla Helper:
User-Agent: Mozilla/5.0 (Windows; U; WinNT4.0; en-US; rv:0.9.9) Gecko/20020311
BuildID: 2002031104
The position of a floating div is influenced by its contained objects, where it
should not be. The attached HTML file illustrates this.
Reproducible: Always
Steps to Reproduce:
View the attached HTML file.
------------------------------ CUT HERE ---------------------------------------
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<html>
<head>
<meta name="generator" content="HTML Tidy, see www.w3.org">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="Author" content="M. A. Sridhar">
<title>Mozilla bug</title>
</head>
<script>
function showObject (checkBox, objectId) {
var object = document.getElementById (objectId);
object.style.display = checkBox.checked ? "" : "none";
}
function setWidth (checkBox, objectId, width) {
var object = document.getElementById (objectId);
object.style.width = checkBox.checked ? width : "";
}
</script>
<body>
Mozilla (0.9.9, Win NT) does not typeset this page correctly under any of
the following circumstances:
<ul>
<li>
The text block inside the div with border below is uncommented;
</li>
<li>
The table in the div with border div below is given a width attribute
of "100%" (see the comment in the table);
</li>
<li>
The same table has a width attribute specified for more than one
column.
</li>
</ul>
If any of these circumstances occurs, Mozilla typesets the <i>entire</i>
div vertically downwards instead of to the right! IE 5 gets this right.
<p>This bug seems worse under Linux Mozilla 0.9.9. On that platform, the
bordered div <i>always</i> is set at the bottom instead of on the right.
</p>
<p>
I have illustrated the problems via DHTML, and you can see them if you
check the boxes below. But this is not a DHTML issue, because you can
reproduce the problem by removing the DHTML and making the changes
manually.
<br>
<input type="checkbox" id="textBlockBox"
onclick="showObject (this, 'textBlock')">
<label for="textBlockBox">Show text block</label><br>
<input type="checkbox" id="tableWidthBox"
onclick="setWidth (this, 'theTable', '100%')">
<label for="tableWidthBox">Change table width</label><br>
<input type="checkbox" id="columnWidthBox"
onclick="setWidth (this, 'theColumn', '30%')">
<label for="columnWidthBox">Change column width</label><br>
<hr>
<div style="float: left; width: 20%">
<b >App Inspector</b><br>
<table>
<tr>
<td></td>
<td>Show SQL commands</td>
</tr>
<tr>
<td></td>
<td>Show data port messages
</td>
</tr>
</table>
</div>
<div style="float: left; width: 30px">
</div>
<div style="float: left; border: 1px solid black">
<span id="textBlock" style="display: none">
If you uncomment either this block of text or the 'width="100%"'
attribute for the table below, Mozilla typesets the <i>entire</i> div
vertically downwards instead of to the right! IE 5 gets this right.
</span>
<br>
<b >Databases</b>
<!--
<table width="100%">
-->
<table id="theTable" >
<tr>
<th width="20%">Name</th>
<th id="theColumn" >Type</th>
<th>Version</th>
<th>Tables</th>
</tr>
<tr>
<td valign="top">db</td>
<td valign="top">Oracle</td>
<td valign="top">Oracle8 Release 8.0.5.0.0 -
Production
PL/SQL Release 8.0.5.0.0 - Production</td>
<td align="right" valign="top">
<div align="right">
20
</div>
</td>
</tr>
</table>
</div>
<div style="clear: both">
</div>
<hr>
<!-- hhmts start -->
Last modified: Sun Apr 07 10:12:28 Pacific Daylight Time 2002
<!-- hhmts end -->
</body>
</html>
|
Reporter | |
Comment 1•24 years ago
|
||
|
|
Reporter | |
Comment 2•24 years ago
|
||
Sorry, I didn't know that adding an attachment was a separate step after the
main bug report page, so I included the HTML with the description.
It would be nice to include the 'add attachment' UI as part of the main bug
report page.
confirmed with build 20020416 on WINXP
Status: UNCONFIRMED → NEW
Ever confirmed: true
Priority: -- → P3
|
|
||
Updated•24 years ago
|
Target Milestone: --- → Future
|
||
Comment 5•24 years ago
|
||
The third (right-most) floater does not have a specified width (required).
This bug is INVALID (layout of the testcase is correct in all cases).
*** This bug has been marked as a duplicate of 103996 ***
Status: NEW → RESOLVED
Closed: 24 years ago
Resolution: --- → DUPLICATE
You need to log in
before you can comment on or make changes to this bug.
Description
•