I've searched the web for this but I couldn't find what I was looking for.
My whole site width is 100% and the content stretch itself to fit the browser width.
In the main content area I have this div:
CODE
<div style="width:100%; overflow:auto;">
<table width="100%">
.
.
.
</table>
</div>
<table width="100%">
.
.
.
</table>
</div>
Sometimes the content width in the table is more than the page width so it force browser to have a horizontal scroll.
I simple want the div to get horizontal scroll and leave the browser in peace
the inline style for the div only works in FF2 and no other browser.
I guess I can achieve it by iframe (not sure though), But I really rather not go using iframes.
How can I do this?
Hopefully it is possible