24167 - Tables don't line up

Status: VERIFIED WORKSFORME

(Core :: Layout: Tables, defect, P3)

Description

[Shane Clements]

if you look on the navigation bar on the left, the bottom of the nav bar and
the table next to it don't line up quite right vertically.  It only lines up in
IE5, so I'm not sure if this is a bug, take a look.

Comment 1

[benedikt]

while trying to construct a testcase, i found out, the way the tables are
rendered are influenced when you cut out ANY code from the source (even
Meta-keywords). The length of the html-code really shouldn't have an influence
on rendering the tables.

Comment 2

[karnaze (gone)]

I'm not seeing the problem.

Comment 3

[Christine Hoffman]

Adding 'verifyme' keyword

Comment 4

[James "Kovu" Russell]

Using IE 5.5, the bottom of the nav bar doesn't go as far down as the table next
to it does. This is the same as in Mozilla (win98 1E 90110), although the
distance is greater in Mozilla (that is, the bar on the left is shorter than in
IE 5.5).

Here is the offending code, and I'm not sure how to interpret it preperly. This
is the code for the bottom of the sidebar. The first <td tag is the Make This
Your Homepage link at the bottom of the sidebar (for reference) through to the
bottom of the Navigation sidebar. The second <td includes the "spacer gif which
is invisible and 1H x 1W" and the third contains the cornerpiece, which is 32H x
103W. The second is the one that I would guess is being misinterpreted in one of
the browsers, whether by being too short in Mozilla or too long in IE, I'm just
not sure which. I would guess Mozilla's is the proper representation, so I'm
marking verified WFM. The longer table just looks like tacky white space in IE
5.5, and the matchup between the sidebar and the table at left isn't
pixel-perfect anyway. It looks off. Anyone who thinks Mozilla is actually the
offender, speak now.

Here's the code:

<td width="96" height="5" align="right" valign="middle"><img
src="images/spacer.gif" width="1" height="5" border="0"><br><font face="arial,
helvetica" size="-2"><a href="../library/company.asp?SecStr=HOMEPAGE"
class="nav">Make This Your Homepage</a></font></td>
</TR>
<TR>
<td width="96" HEIGHT="100%"><img src="images/spacer.gif" WIDTH="100%"
HEIGHT="100%" border="0"></TD>
</TR>
<TR>
<TD colspan="3" height="32"><img src="images/corner_bottom_left4.gif"
width="103" height="32"></TD>
</TR>				
										
</table>
<!-- END LEFT SIDE NAVIGATION -->