Closed Bug 204627 Opened 23 years ago Closed 23 years ago

mis-aligned caption in table rendering

Categories

(Core :: Layout: Tables, defect)

Product:
Core
Component:
Layout: Tables
Platform:
x86
Linux
Type:
defect
Priority:
Not set
Severity:
normal

Tracking

()

Status:
RESOLVED INVALID

People

(Reporter: david.outteridge, Unassigned)

References

Details

User-Agent: Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.4a) Gecko/20030401 Build Identifier: Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.4a) Gecko/20030401 With this code, in a new popup window <table align="left" valign="top" border=1 bgcolor="#124c69" bordercolor="#edc591"> <caption align="left"><b>My Caption</b></caption> <tr><td><input name="submitCo .... Mozilla 2002052817 puts a "newline" after </caption> so the new row is underneath the caption. i.e., My Caption -------------------------------- | | | | -------------------------------- | | | | -------------------------------- | | | | -------------------------------- Mozilla 2003040105, does this. My Caption -------------------------------- | | | | -------------------------------- | | | | -------------------------------- | | | | -------------------------------- The first one is closer to the display on other browsers. Reproducible: Always Steps to Reproduce: 1. This may only occur in a new popup window. 2. The old Mozilla was "correct" (my judgement), the current is "wrong". 3. Actual Results: Consistent different rendering If you need a full HTML page just ask.
please provide an example... attached testcase to the bug
I hope this is what you are asking for. 1. Save this HTML as a file and open it in Mozilla. <body bgcolor="#306a91" text="#edc591" link="#edc591" alink="#edc591" vlink="#edc591"> <table border=0 bordercolor="#edc591" width="100%" cellpadding=1 cellspacing=0><tr><td bgcolor="#306a91" width=220 align="left" valign="top"><form action="/ServeHelpControlsFrameName" enctype="application/x-www-form-urlencoded" method="get" name="formServeHelpControls" target="ServeHelpFrameName"> <table align="left" valign="top" border=0 bordercolor="#edc591"><tr><td><table align="left" valign="top" border=1 bgcolor="#124c69" bordercolor="#edc591"><caption align="left"><b>GO Browser</b></caption> <tr><td><input name="submitControlGOOverview" type="submit" border=99 style="background-color: rgb(80%,52%,0%); color: rgb(99%,97%,95%); border-color: rgb(80%,52%,0%); border-width: thin" value="Overview"> <input name="submitEntriesEntries" type="submit" border=99 style="background-color: rgb(80%,36%,27%); color: rgb(99%,97%,95%); border-color: rgb(80%,36%,27%); border-width: thin" value="Entries"> </td> </tr><tr><td><input name="submitFocusUpdate" type="submit" border=99 style="background-color: rgb(60%,45%,35%); color: rgb(99%,97%,95%); border-color: rgb(60%,45%,35%); border-width: thin" value="Update"> <input name="submitFocusSetAndFocus" type="submit" border=99 style="background-color: rgb(60%,45%,35%); color: rgb(99%,97%,95%); border-color: rgb(60%,45%,35%); border-width: thin" value="Set and Focus"> </td> </tr><tr><td><input name="submitFormatCompact" type="submit" border=99 style="background-color: rgb(20%,70%,50%); color: rgb(99%,97%,95%); border-color: rgb(20%,70%,50%); border-width: thin" value="Compact"> <input name="submitFormatSummary" type="submit" border=99 style="background-color: rgb(20%,70%,50%); color: rgb(99%,97%,95%); border-color: rgb(20%,70%,50%); border-width: thin" value="Summary"> <input name="submitFormatDepth" type="submit" border=99 style="background-color: rgb(20%,70%,50%); color: rgb(99%,97%,95%); border-color: rgb(20%,70%,50%); border-width: thin" value="Depth"> </td> </tr><tr><td><input name="submitStyleStyle" type="submit" border=99 style="background-color: rgb(50%,50%,90%); color: rgb(100%,100%,100%); border-color: rgb(50%,50%,90%); border-width: thin" value="Style"> <input name="submitTermTerms" type="submit" border=99 style="background-color: rgb(90%,50%,50%); color: rgb(99%,97%,95%); border-color: rgb(90%,50%,50%); border-width: thin" value="Terms"> <input name="submitControlDynamics" type="submit" border=99 style="background-color: rgb(80%,52%,0%); color: rgb(99%,97%,95%); border-color: rgb(80%,52%,0%); border-width: thin" value="Dynamics"> </td> </tr> </table></td></tr><tr><td>&nbsp</td></tr><tr><td><table align="left" valign="top" border=1 bgcolor="#124c69" bordercolor="#edc591"><caption align="left"><b>Developers</b></caption> <tr><td><input name="submitControlDevOverview" type="submit" border=99 style="background-color: rgb(80%,52%,0%); color: rgb(99%,97%,95%); border-color: rgb(80%,52%,0%); border-width: thin" value="Overview"> <input name="submitControlExtraction" type="submit" border=99 style="background-color: rgb(80%,52%,0%); color: rgb(99%,97%,95%); border-color: rgb(80%,52%,0%); border-width: thin" value="Extraction"> </td> </tr></table></td></tr></table></form> </td><td bgcolor="#306a91" width=540 align="left" valign="top"><form action="/ServeHelpDisplayFrameName" enctype="application/x-www-form-urlencoded" method="get" name="formServeHelpDisplay" target="ServeHelpFrameName"> <blockquote> <center> <br> <font color="#edc591" size="+1"><b>Press a button for specific help</b></font> </center> <font color="#ffd9ba"><p>This help usually is most useful if its window is to the right of the screen, with the main browser window to the left of the screen.</p></font></blockquote></form> </td></tr></table></body>
Actually, Madhur meant that you should make use of http://bugzilla.mozilla.org/attachment.cgi?bugid=204627&action=enter (the "Create a New Attachment" link in this bug report). But just pasting in the code works in a pinch, yes. :) That said, see http://www.w3.org/TR/html401/struct/tables.html#edef-CAPTION -- align="left" means "put the caption to the left of the table". Other browsers may not implement this, of course... (and I suspect they do not). If you don't want the caption to the left of the table, just don't ask Mozilla to put it there.
Status: UNCONFIRMED → RESOLVED
Closed: 23 years ago
Resolution: --- → INVALID
I did know that finally this bug will get filed. But I did not expect that it would take 6 months after the checkin for bug 3166.
*** Bug 207215 has been marked as a duplicate of this bug. ***
You need to log in before you can comment on or make changes to this bug.