Reputation: 54949

CSS Scroll Bar Problem

I have used Accordion and Slideshow on my site. http://www.delightbranding.com/

when you click Play. For some reason the scroll bar appears shifting the page.

Guess i am missing setting height for some div. Please help.

Upvotes: 0

Answers (3)

Reputation: 1408

this is only happening for me in IE9 (I'd wager all versions of IE) and only when my browser window is short.

I tend to add a CSS rule to my html tag of

overflow-y: scroll;

Which places the scrollbar on the page always so that longer content doesn't make the browser behave inconsistently.

Not sure if this will help you in this case, but worth a try.

Upvotes: 1

Reputation: 1800

Remove the height from .control-next css class

.control-next {
    position:absolute;
    right:0;
    top:201px;
    bottom:201px;
    /*height:432px;*/
}

Upvotes: 1

Reputation: 23216

This one seems to be the bad apple:

<div class="control-next">

When the "Play" item is selected, this div expands below the HTML content, causing your page to grow.

Upvotes: 2