Mark Goda

Mark,

This is because IE is stupid (not joking).

Table rows should use display: table-row;
Table cells should use display: table-cell;

IE does not understand either of these, even though they are the correct
values. It expects you to use 'block'. Other browsers that correctly
implement CSS will expect you to use the correct values. This includes
Mozilla/Firefox, Opera, Safari/Konqueror, ICEbrowser. These browsers will
correctly treat 'block' as a block level element, which cannot support
colspan.

If you use the correct values in IE, it will produce an error (see, I told
you it was stupid). So, when you want to change it, use try ... catch (this
way you also avoid the complexities and support problems of using sniffing):

try {
  //standards compliant browsers
  theTD.style.display = 'table-cell';
} catch(e) {
  //IE stupidity
  theTD.style.display = 'block';
}

You can also set display to a blank string:
theTD.style.display = '';
Assuming the initial styles are not set inline, this will work in all of
these browsers, including IE.


Hope this helps

Mark 'Tarquin' Wilton-Jones - author of http://www.howtocreate.co.uk/

Well once again, this is an IE stupidity. text-align relates to text
(including the text inside the table) but IE misinterprets it, and
align="center" should in fact cascade also. What you need is to use
automatic margins. IE will ignore these, so you can use text-align for IE,
then override it later. Something like this should work:

<td style="text-align:center;">
  <table style="margin-left:auto;margin-right:auto;">
    <tr>
      <td style="text-align:left;">

> Is there an online reference that is explicitly designed for NS

Well, firstly, NS is not the only non-IE browser. There are in fact several
browser types that are currently used engines. The main ones are
Opera
Konqueror/Safari
Mozilla/Firefox/Netscape6+ (Netscape is Mozilla, with AOL branding)
ICEbrowser
IE Mac
IE windows

IE windows is the main one that gets things wrong (see
http://www.howtocreate.co.uk/wrongWithIE/ for more details). All the others
try to follow the standards as best they can. Unfortunately, IE/win is the
most popular, so it needs special treatment for its incorrect rendering.
The best site for the standards is w3c.org since they write them, but in
general, my site and www.quirksmode.org and mozilla.org are good places.
Searching on the internet for 'standards compliant browsers' will get you
some other good results.

Tarquin

Good Afternoon-
 
            I have a table which is inside of a form to which I am
adding cells and form elements.  Nodes added to the form do not display
inside table cells.  Nodes added to the table do not register when the
form is submitted.
 
            I have a work around that I do not like.  I create 2
elements, one in the form and one in the table, and set an onKeyUp event
to copy data from the table element to the form element.  This works
well for most elements, but I use fPopCalendar for dates to prevent
invalid date entry that requires an onMouseMove event to constantly
check for date changes.
 
            I have attached the script below.  For clarification, the
table shows 'Para #' in the first cell and a textarea named para# in the
second for each row with the final row holding an 'Add Paragraph' button
and an 'Update' button.  The while loop using np finds the next
paragraph number,  and the nested for(each n in .) loops find the node
before which to insert the new row.
 
            Do you know of a way to insert one element into both a table
and a form at the same time.
 
            Thank you,
            Mark Goda.

[a load of code trying to append a form input to a table]