div layout table problems - AAH
 

Hello,
I have a two-column div layout. See www.ejwelch.com and go to 'product catalog' then go to 'Floor Protection'. I have these product tables set to a width of 100% in my css (cat class) so all the tables take up 100% of the column, even if there is not enough info to force it (ie the 'single roll' tables). This works PERFECT in IE6.0. However, in Netscape7.1 the tables extend off the page (probably due to a different interpretation of div width).
How can i fix this? if i cant, how else can i set this up for the desired effect?
Thanks in advance!!

First off, the browsers are not perfect with percentages yet. I believe what is happening is that IE thinks "100%" is the remainder of the document. But NS thinks "100%" is the size of the entire window over again.

Your best option is to go back to the old ways and set the table width with:
<TABLE WIDTH="100%">

After you do that, go complain to the W3C to make browsers support the percentages better.

same problem
 

Setting the table width to 100% the old way had the same results - the table extended off the screen in IE, unless you set a div width in the css, in which case it fixes it in IE, but causes the tables to extend off the screen in Netscape. Someone had mentioned a javascript that recognzises browser and adjusts width accordingly? Or maybe ill just take out the paragraphs until the browsers have unified standards.