Closed Bug 352460 Opened 18 years ago Closed 16 years ago

2 embedded tables inside a table with align=center are not centered

Categories

(Core :: Layout, defect)

Product:
Core
Component:
Layout
Version:
1.8 Branch
Platform:
PowerPC
macOS
Type:
defect
Priority:
Not set
Severity:
trivial

Tracking

()

Status:
RESOLVED WORKSFORME

People

(Reporter: user38, Unassigned)

Details

User-Agent:       Mozilla/5.0 (Macintosh; U; Intel Mac OS X; en) AppleWebKit/418.8 (KHTML, like Gecko) Safari/419.3
Build Identifier: Mozilla/5.0 (Macintosh; U; Intel Mac OS X; en-US; rv:1.8.0.4) Gecko/20060508 Firefox/1.5.0.4

Small example that illustrates problem:

<HTML>
	<HEAD>
		<TITLE>Example Layout Problem</TITLE>
		<META HTTP-EQUIV="content-type" CONTENT="text/html;charset=ISO-8859-1">
	</HEAD>

	<BODY ONLOAD="preloadImages();" BGCOLOR="#a3abbb"
			TEXT="#000000" LINK="#000000" VLINK="#000000" ALINK="#000000"
			LEFTMARGIN="0" MARGINHEIGHT="0" MARGINWIDTH="0" TOPMARGIN="0">
	<FONT SIZE="3" FACE="Geneva,Arial,Helvetica,Lucida Grande">
	<!-- Outer table to allow embedded tables to be side-by-side -->
	<TABLE BORDER="0" CELLSPACING="0" CELLPADDING="0" ALIGN="center" WIDTH="100%">
	<TR>
	<TD align="right" valign="top"> <!-- Cell for embedded table 1 -->
		<table border="1" bgcolor="#CCCCCC"> <!-- Embedded table 1 -->
		<FONT FACE="Geneva,Arial,Helvetica,Lucida Grande" SIZE="3">
			<tr align="center" bgcolor="#CCCCCC">
				<td colspan="3">
					<font color="#555555">
						<B>For 2006-09-09 through 2006-09-09 ...</B>
					</font>
				</td>
			</tr>
			<tr align="center">
				<td valign="bottom">
					<B>Product or Add-On</B>
				</td>
				<td>
					<B>Applicable<BR>Platform(s)</B>
				</td>
				<td>
					<B>Posted<BR>Licenses</B>
				</td>
			</tr>
			<tr align="center" bgcolor="#FFFFFF">
				<td align="left">
					ClipCommControl&nbsp;1.20&nbsp;2005.04.22&nbsp;
				</td>
				<td>
					<font color="#666666">Mac</font>
				</td>
				<td>
					4
				</td>
			</tr>
			<tr align="center" bgcolor="#CCCCCC">
				<td align="left">
					FileControl&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;1.00&nbsp;2005.05.02&nbsp;
				</td>
				<td>
					<font color="#666666">Mac</font>
				</td>
				<td>
					2
				</td>
			</tr>
			<tr align="center" bgcolor="#FFFFFF">
				<td align="left">
					HideItControl&nbsp;&nbsp;&nbsp;1.14&nbsp;2005.05.12&nbsp;
				</td>
				<td>
					<font color="#666666">Mac</font>
				</td>
				<td>
					2
				</td>
			</tr>
			<tr align="center" bgcolor="#CCCCCC">
				<td align="left">
					KMremoteControl&nbsp;1.52&nbsp;2006.03.01&nbsp;
				</td>
				<td>
					<font color="#666666">Mac</font>
				</td>
				<td>
					7
				</td>
			</tr>
			<tr align="center" bgcolor="#000000">
				<td colspan="3" height="2">
					<img src="/VendorServices/images/trans.gif" width="1" height="2">
				</td>
			</tr>
			<tr align="center">
				<td colspan="2">
					15 Mac <font color="#666666">(100.0%)</font>
				</td>
				<td>
					15
				</td>
			</tr>			
		</font>
		</table>
	</TD> <!-- End of cell for embedded table 1 -->
	<TD>
		&nbsp;&nbsp;&nbsp;&nbsp;
	</TD>
	<TD align="left" valign="top"> <!-- Cell for embedded table 2 -->
		<table border="1" bgcolor="#CCCCCC"> <!-- Embedded table 2 -->
		<FONT FACE="Geneva,Arial,Helvetica,Lucida Grande" SIZE="3">
			<tr align="center" bgcolor="#CCCCCC">
				<td colspan="3">
					<font color="#555555">
						<B>For 2006-09-09 through 2006-09-09 ...</B>
					</font>
				</td>
			</tr>
			<tr align="center">
				<td valign="bottom" colspan="2">
					<B>Upgrade</B>
				</td>
				<td>
					<B>Posted<BR>License Upgrades</B>
				</td>
			</tr>
			<tr align="center" bgcolor="#FFFFFF">
				<td align="left" colspan="2">
					KMremoteControl&nbsp;1.5+&nbsp;to&nbsp;pre1.5&nbsp;&nbsp;
				</td>
				<td>
					7
				</td>
			</tr>
			<tr align="center" bgcolor="#CCCCCC">
				<td align="left" colspan="2">
					KMremoteControl&nbsp;Reverse&nbsp;to&nbsp;1.5&nbsp;&nbsp;
				</td>
				<td>
					7
				</td>
			</tr>
			<tr align="center" bgcolor="#000000">
				<td colspan="3" height="2">
					<img src="/VendorServices/images/trans.gif" width="1" height="2">
				</td>
			</tr>
			<tr align="center">
				<td colspan="2">&nbsp;</td>
				<td>
					14
				</td>
			</tr>
		</font>
		</table>
	</TD>
	</TR>
	</TABLE>
</HTML>


Reproducible: Always

Steps to Reproduce:
1. copy/paste the "Small example that illustrates problem:" HTML into a file
2. render the above-created file in FireFox/Mozilla/etc.
3.

Actual Results:  
The two tables that are displayed are not centered on the page.

Expected Results:  
The two tables that are displayed should be centered on the page.
Component: General → Layout
Product: Firefox → Core
QA Contact: general → layout
Version: unspecified → 1.8 Branch
This works for me back to Firefox 2. No difference to Safari, Opera or IE.
Status: UNCONFIRMED → RESOLVED
Closed: 16 years ago
Resolution: --- → WORKSFORME
You need to log in before you can comment on or make changes to this bug.