fixed width(in %) table and scrollbar issue, fixed width(in %) table and scrollbar issue Options

[poojak]

Hi All,
I am using a two column table in a html page. I am using width=100%. in the same table one colum is 46% wide and the other one is 54% wide. In one column i have another table which is quite wide and I need a horizontal scrollbar to show the complete table. The problem is if I give all widths in % than in IE it doesn't display right. can anyone help??? I m using a DIV overflow:auto for horizontal scrollbar and if i use width:100% for the same DIV than the it stretches main td to and scroll bar doesn't show up. but this code works fine in Firefox and Safari.
Thanks in advance

[Christian J]

I m using a DIV overflow:auto for horizontal scrollbar and if i use width:100% for the same DIV than the it stretches main td to and scroll bar doesn't show up. but this code works fine in Firefox and Safari.

This happened to me in all but Opera. If you give the outer table CSS "table-lauout: fixed" "table-layout: fixed" it seems to behave.

This post has been edited by Christian J: Aug 4 2008, 08:42 AM

[poojak]

Thanks Christian for aquick reply. I tried this but doesn't work

[Christian J]

Works for me in IE7. Could you link to a test page?

Also note the typo in my previous post, it should be "table-layout: fixed".

[poojak]

No guys I can't upload the page and table-layout:fixed is not working.

[Christian J]

Hard to give any advice then. This works for me though:

CODE

<table style="width: 100%; table-layout: fixed;">
<tr>
<td style="width: 25%; border: solid red;">
    <div style="width: auto; border: solid blue; overflow: auto;">
    <table style="width: 2000px;">
    <tr>
    <td>...</td>
    </tr>
    </table>
    </div>
</td>
<td style="width: 75%; border: solid red;">...</td>
</tr>
</table>

(you also need a Doctype that puts IE in standards mode).