views:

28

answers:

1

I am fairly new to using jQuery and the jQueryUI libraries, and am trying to add it to a new site I am creating. However, I am running into problems with the accordion function, where it does not seem to be obeying the height of the parent div when I set a height in CSS and set fillSpace: true. The text for each accordion is much longer than the div, so the accordion simply exceeds that height, and covers everything below, past the bottom of the page.

You can view the issue at the test page here: http://wigedev.com/rounders/games.php

I've done a few searches about this issue, but I have not been able to find the issue reported anywhere else.

A: 

On your:

<div id="rules" style="height: 500px;" class="ui-widget-content">

Try to remove the height attribute so it look like this:

<div id="rules" class="ui-widget-content">

Does the page look correct now?

Lehto
It doesn't look exactly the same, but it still is not shrinking to the requested and desired 500px height.
Wige