<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<META content="MSHTML 6.00.2800.1106" name=GENERATOR>
<STYLE></STYLE>
</HEAD>
<BODY bgColor=#ffffff>
<DIV><FONT face=Arial size=2><A
href="http://www.geocities.com/clipower/">http://www.geocities.com/clipower/</A> click
on 'Table Control'</FONT></DIV>
<DIV><FONT face=Arial size=2></FONT> </DIV>
<DIV><FONT face=Arial size=2>Tim in Ireland.</FONT></DIV>
<BLOCKQUOTE
style="PADDING-RIGHT: 0px; PADDING-LEFT: 5px; MARGIN-LEFT: 5px; BORDER-LEFT: #000000 2px solid; MARGIN-RIGHT: 0px">
<DIV style="FONT: 10pt arial">----- Original Message ----- </DIV>
<DIV
style="BACKGROUND: #e4e4e4; FONT: 10pt arial; font-color: black"><B>From:</B>
<A title=paul@dandemutande.org href="mailto:paul@dandemutande.org">Paul
Novitski</A> </DIV>
<DIV style="FONT: 10pt arial"><B>To:</B> <A title=javascript@LaTech.edu
href="mailto:javascript@LaTech.edu">[JavaScript List]</A> </DIV>
<DIV style="FONT: 10pt arial"><B>Sent:</B> Wednesday, February 11, 2004 9:51
AM</DIV>
<DIV style="FONT: 10pt arial"><B>Subject:</B> [Javascript] aligning table
columns</DIV>
<DIV><BR></DIV>Friends,<BR><BR>By groping in the dark, I've been partially
successful at setting the <BR>column widths of two tables equal to one
another. My goal is to have the <BR>data rows in a scrolling div
(overflow: auto;) beneath stationary column heads.<BR><BR>Apparently I don't
yet understand the differences between the various <BR>object widths --
obj.offsetWidth, obj.style.width, and <BR>obj.style.pixelWidth -- because what
should have been a simple routine jest <BR>ain't.<BR><BR>See the attached demo
(for IE, not Netscape). For each of my nine columns, <BR>I compare the
offsetWidth of the colummn head and the data cell, and set <BR>the
style.pixelWidth of both columns to the greater width.<BR><BR>However, these
two kinds of width are apparently different, as can be seen <BR>when the
alignment routine is run a second time -- the column widths grow,
<BR>therefore a table cell's offsetWidth must be greater than its
<BR>style.pixelWidth. The difference seems to be 9 pixels, which might?
have <BR>something to do with the 10 pixels of right + left stylesheet padding
in <BR>each of the cells.<BR><BR>A second problem is that the alignment
routine fails if I define the width <BR>of either table. I want the data
row table to fill the width of its <BR>containing div, but haven't found a way
to set it's width without <BR>discombobulating the alignment
routine.<BR><BR>My Javascript and DHTML references simply define pixelWidth
and offsetWidth <BR>as being "the width" of an object and don't detail their
differences.<BR><BR>Can anyone help illuminate this dark corner for
me?<BR><BR>Thanks!<BR><BR>Paul
<P>
<HR>
<P></P>_______________________________________________<BR>Javascript mailing
list<BR>Javascript@LaTech.edu<BR>https://lists.LaTech.edu/mailman/listinfo/javascript<BR></BLOCKQUOTE></BODY></HTML>