PDA

View Full Version : Overflow:Auto Scrollbar not appearing in IE



eHaloCreative
Sep 9th, 2007, 09:38 AM
I have a number of basic forms which, as far as I can tell are identical. They all appear in a div with a fixed height, and overflow-x set to auto. They all work fine in Firefox, but in IE, on the first form, the vertical scrollbar does not appear. You can still reach the bottom of the form using the down arrow. All of the other forms work just fine in both IE and Firefox.

The link to the misbehaving form is http://www.ecodzign.com/AIC/form-auto-id-cards.html

You can get to the other, seemingly identical forms by the links on the right.

abduraooft
Sep 9th, 2007, 12:22 PM
I think you have to consider IE6 also at this time. Here all your forms are pushed down and display after the left box.
Have a look at the screen print.
And there are a lot of errors in your markup, see the validator's o/p (http://validator.w3.org/check?uri=http%3A%2F%2Fwww.ecodzign.com%2FAIC%2Fform-auto-id-cards.html&charset=%28detect+automatically%29&doctype=Inline&group=0).
So I recommend you to remove those errors and then start your actual work:thumbsup:

rnd me
Sep 9th, 2007, 08:31 PM
overflow-x set to auto. They all work fine in Firefox, but in IE, on the first form, the vertical scrollbar does not appear


auto should show only if needed. does 'scroll' work?
also IE like to scroll x and y, does overflow-x work in ie?

eHaloCreative
Sep 10th, 2007, 09:58 PM
auto should show only if needed. does 'scroll' work?
also IE like to scroll x and y, does overflow-x work in ie?

Originally I was only using overflow:auto, but IE, it all it's blunder, would add an unnecessary horizontal scroll, which was fixed by using overflow-x and overflow-y. Changing this particular page to overflow-x:scroll fixes the problem, although I still don't understand why it was necessary exactly. Thanks!

As for validation, thanks for bringing it up, I'm getting rid of all the errors, mostly silly things like FORM all in caps, and not ending in /> and lacking alt tags, but that brings me to my next question; why does the validator not recognize javascript attributes? there is no attribute "onMouseOut". I poked around in the FAQ and common validation errors, but I couldn't find anything for attributes like this. Any ideas?

eHaloCreative
Sep 10th, 2007, 11:46 PM
Nevermind, I've been defeated by bloody caps again. /sigh

Thanks for all the help though guys.