Jump to content
xisto Community
Sign in to follow this  
kvarnerexpress

Div Scrolling

Recommended Posts

I've got the following line in an html page before a table that has lots of rows and columns:

Code:

<div style="HEIGHT: 500px; WIDTH: 1000px; OVERFLOW: auto">


That works perfectly in IE and FF to give me vertical and horizontal scrollbars. But what I really want is to size the horizontal scrollbar so it takes up 100% of the screen regardless of how big the screen is.

So, I tried changing 1000px to 100% like this:
Code:

<div style="HEIGHT: 500px; WIDTH: 1000px; OVERFLOW: auto">



Well, that works the way I would expect in FF (perfect) but in IE I do not get any horizontal scrollbar. Any idea how to tinker with it (without using frames) so I get the horizontal scrollbar in IE too?

kvarnerexpress
__________________

Share this post


Link to post
Share on other sites

Arboc7's suggestion should do it, but i believe IE doesnt show the scrollbar when placed on "auto", unless scrolling is required. Thus, why they call it "auto".

Share this post


Link to post
Share on other sites

Horizontals arent bad if you plan to have them - whats bad is when you get them because of poor design and planning.

 Horizontal scrolling websites are awesome :)

And as far as the posters question goes --

<div style="HEIGHT: 500px; WIDTH: 100%; OVERFLOW: scroll;">

try that?

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.