[Maybe OT] Table width 100%

[Steffan A. Cline]

This may be OT. It could be pure css or it could require some jQuery.

I have a div set to 600px wide and 400px tall. Inside I load different
height tables so I have overflow: scroll to make the div scrollable. On FF
and Safari, if I set the table width to 100%, it stretches to the left side
of the vertical scroll bar with no horizontal scroll bar. On MSIE, it runs
to the width of the div to the right side of the vertical scroll bar and
then shows the horizontal scroll bar cutting off text as it's hidden under
the scroll bar. Is there anyway to trick IE to run it to the left side of
the scroll bar rather than the right without JS/jQuery?

Is jQuery the only way to make this work?



Thanks

Steffan

---------------------------------------------------------------
T E L 6 0 2 . 7 9 3 . 0 0 1 4 | F A X 6 0 2 . 9 7 1 . 1 6 9 4
Steffan A. Cline
***@ExecuChoice.net Phoenix, Az
http://www.ExecuChoice.net USA
AIM : SteffanC ICQ : 57234309
YAHOO : Steffan_Cline MSN : ***@hldns.com
GOOGLE: Steffan.Cline Lasso Partner Alliance Member
---------------------------------------------------------------

[Nathan Klatt]

Post by Steffan A. Cline
I have a div set to 600px wide and 400px tall. Inside I load different
height tables so I have overflow: scroll to make the div scrollable.

Have you tried overflow:auto?

Nathan

[Steffan A. Cline]

Yes, I have. Actually, that is what is there and I made a mistake when I set
this. I Googled some more this morning and found something that may work.
I'll need to try it later.

The description that someone else posted was that IE renders the table in
the dev before it renders the scroll bar and that's why.

Supposedly adding zoom:1 to the scroller and then to nest another div around
the inner table with a zoom:1 will fix it. I'll see I guess and report back.

Thanks for the reply!


-Steffan

---------------------------------------------------------------
T E L 6 0 2 . 7 9 3 . 0 0 1 4 | F A X 6 0 2 . 9 7 1 . 1 6 9 4
Steffan A. Cline
***@ExecuChoice.net Phoenix, Az
http://www.ExecuChoice.net USA
AIM : SteffanC ICQ : 57234309
YAHOO : Steffan_Cline MSN : ***@hldns.com
GOOGLE: Steffan.Cline Lasso Partner Alliance Member
---------------------------------------------------------------

Date: Fri, 5 Feb 2010 08:19:29 -0600
Subject: Re: [jQuery] [Maybe OT] Table width 100%

Post by Steffan A. Cline
I have a div set to 600px wide and 400px tall. Inside I load different
height tables so I have overflow: scroll to make the div scrollable.

Have you tried overflow:auto?
Nathan