Closed
Bug 1110
Opened 26 years ago
Closed 26 years ago
Table layout looks funky
Categories
(Core :: Layout: Tables, defect, P2)
Tracking
()
M8
People
(Reporter: angus, Assigned: karnaze)
References
()
Details
Sorry I haven't had time to dumb this case down yet, but I will try taking a
look into it tonight. Visiting the URL in a 10/15/98 7:50pm optimized build
yields less than ideal results.
Status: ASSIGNED → RESOLVED
Closed: 26 years ago
Resolution: --- → FIXED
fixed. tables were not correctly applying the min width of the content of cells
that had col spans in some cases. In this case, the nested table was specified
as being too narrow for the content. There were 4 columns each with width=25%
in the first row, and in the next row a single cell with colspan=4 and whose
content min size was wider than the specified table width.
|
||
Updated•26 years ago
|
Status: RESOLVED → REOPENED
|
|
||
Comment 2•26 years ago
|
||
This still looks messed up, the right border is much too thick and overlaps the
text. Don't know if this is the same as the original bug, but I'm re-opening
this one.
There are several problems on this page. I have included a minimized test case
for one of them below. When that's fixed, if the table layout is still wrong
reassign the bug to me.
The problem seems to be with margin handling. If you remove the style
information that includes the margin attributes, the page lays out correctly.
===========================================================================
<HTML>
<HEAD>
<TITLE>The Web Standards Project: Fighting for Standards in our Browsers</TITLE>
<STYLE TYPE="text/css">
<!--
BODY {font-family: verdana, arial, geneva; margin-top: 0px; margin-left: 0px;}
TD {font-family: verdana, arial, geneva, sans-serif;}
A:link, A:visited, A:active { text-decoration: none; font-weight: bold }
A:hover { color: white; font-weight: bold}
.label { font-family: arial, helvetica, sans-serif; font-size: 9pt; }
B {font-size: 12pt; font-weight: bold;}
STRONG {font-weight: bold}
H1 {font: 24pt verdana, arial, helvetica, sans-serif; font-weight: bold; color:
#ff9933; margin-top: 20px; margin-bottom: 10px;}
H2 {font: italic 18pt arial, helvetica, sans-serif; font-weight: light; color:
#cc9933; margin-left: 40px; margin-top: 10px; margin-right: 0px; margin-bottom:
10px; padding: 6px;}
.deco {font: 24pt arial, helvetica, sans-serif; color: #cc9933; margin-left:
40px; margin-top: 10px; margin-right: 0px; margin-bottom:10px; padding: 10px;}
H3 {font: 14pt/20pt verdana, arial, helvetica, sans-serif; font-weight: bold;
margin-left: 40px; margin-top: 20px; margin-right: 20px; margin-bottom: 20px}
H4 {font: 12pt/20pt verdana, arial, geneva, sans-serif; font-weight: bold;
margin-left: 40px; margin-top: 20px; margin-right: 20px; margin-bottom: 20px}
P {font: 10pt/20pt verdana, arial, geneva, sans-serif; margin-left: 40px;
margin-top: 15px; margin-right: 20px; margin-bottom: 10px}
P.buzz {font: 9pt/16pt geneva, arial, sans-serif; margin-left: 20px; margin-top:
15px; margin-right: 20px; margin-bottom: 10px}
P.small {font: 10pt/12pt arial, geneva, sans-serif; margin: 10px}
.shorty {margin-left: 40px; margin-top: 10px; margin-right: 20px; margin-bottom:
10px}
.main {font: 12pt/20pt verdana, arial, geneva, sans-serif;}
.text {font: 10pt verdana, arial, geneva, sans-serif; margin-left: 40px;
margin-top: 10px; margin-right: 20px; margin-bottom: 10px}
P.indent {font: 10pt/20pt verdana, arial, geneva, sans-serif; font-weight: bold;
margin-left: 60px; margin-top: 20px; margin-right: 20px; margin-bottom: 20px}
.footer {font: italic 9pt/14pt geneva, arial, sans-serif; margin-top: 20px;
margin-bottom: 20px; margin-left: 40px; margin-right: 20px;}
-->
</STYLE>
</HEAD>
<BODY bgcolor="#FF9900" link="#CC0000" vlink="#CC0000" text="#000000"
alink="#FF6633">
<table align="center" width="593" border="0" cellpadding="8" cellspacing="0">
<tr>
<td colspan="2" width="50%" bgcolor="#ffcc99">LATEST BUZZ</td>
<td colspan="2" width="50%" align="right" valign="top"
bgcolor="#ffcc99">
<p><b>The WEB STANDARDS PROJECT</b> (WaSP) is a
collective effort of web developers and users. </p>
</td>
</tr>
<tr>
<td colspan="4" bgcolor="#ffcc99">
<img src="http://www.webstandards.org/wsp600bot.gif"
width="593" height="325">
</td>
</tr>
</table>
</DIV>
</BODY></HTML>
|
|
||
Comment 5•26 years ago
|
||
per leger, assigning QA contacts to all open bugs without QA contacts according
to list at http://bugzilla.mozilla.org/describecomponents.cgi?product=Browser
The page looks fine *except* for the table cell that contains the giant wasp
image; the table cell ends up too small. The simple test case in the bug report
works fine now, so I'm passing it back into table land.
|
Assignee | |
Updated•26 years ago
|
Status: NEW → ASSIGNED
|
|
Assignee | |
Comment 7•26 years ago
|
||
Moving to M8.
|
||
Comment 8•26 years ago
|
||
The big black side borders are back... but that is also covered by bug 2947.
Either this or that is a dup of the other.
|
||
Updated•26 years ago
|
Status: ASSIGNED → RESOLVED
Closed: 26 years ago → 26 years ago
Resolution: --- → DUPLICATE
|
|
||
Comment 9•26 years ago
|
||
|
||
Updated•26 years ago
|
Status: RESOLVED → VERIFIED
|
|
||
Comment 10•26 years ago
|
||
Verified Dup
You need to log in
before you can comment on or make changes to this bug.
Description
•