ansaurus

Question

<applet height="100%"> causes vertical scrollbar in IE. Why/how to avoid?

Answer 1

A:

Try bringing the height down to 99% or 98%. Or try throwing in some more thorough reset CSS. Don't ever use overflow-y on a body element. Terrible usability.

Kyle 2010-06-30 04:07:09

If I set a height of 99% then there are scrollbars if the window is sufficiently low. Make the window higher and the scrollbars disappear, but it also becomes noticable that it doesn't stretch all the way to the bottom of the window.I don't understand the general rule of "Don't ever use overflow-y on a body element. Terrible usability." In my case I wrote the applet and know it will never ever become bigger.In reality I'm setting it with jQuery because of other layout constraints and there subtracting exactly 3 pixels avoids scrollbars.I already tried using YUIs reset CSS. Didn't help.

Peter V. Mørch 2010-06-30 06:37:28

Answer 2

A:

Add position: absolute; to the applet's style.

BalusC 2010-07-10 15:11:31

Thanks, that works. And you were first with a working answer. However, I accepted the other answer, because it has just that little bit more explanation that helps me understand _why_ it works.Sorry for taking some time to respond to your answer, I've been on vacation (and they are nice and long here in Denmark! :-D)

Peter V. Mørch 2010-07-27 11:30:58

Answer 3

A:

Thing 1 -- CSS/overflow

Here are the CSS settings you can work with (if they help): http://www.w3schools.com/Css/pr_pos_overflow.asp

Thing 2 -- CSS-erize the scrollbar itself (i.e., turn it completely white, or whatever works for your page.: http://www.draac.com/css/csstricks.html (scroll down a ways)

dave 2010-07-26 15:53:24

Answer 4

A:

applet {
    display: block;
}

To prevent rendering the applet as an inline-element, which enforces line-height rendering.

Pumbaa80 2010-07-26 16:26:26

Yup, this worked like a charm! I'll accept this answer, as there is an explanation as to why too.

Peter V. Mørch 2010-07-27 11:31:30

ansaurus

tags:

views:

answers:

<applet height="100%"> causes vertical scrollbar in IE. Why/how to avoid?

related questions