Results 1 to 2 of 2

Thread: Image Cover Problem using "Content Gilder"

  1. #1
    Join Date
    Mar 2009
    Posts
    8
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default Image Cover Problem using "Content Gilder"

    1) Script Title: Content Gider

    2) Script URL (on DD):

    http://www.dynamicdrive.com/dynamici...tentglider.htm

    3) Describe problem:

    When using the gliding script to slide in 5 or 6 individual sections, some of the remaining content is not covered up entirely by the slide that is selected.

    Demo: http://www.cidcom.at/demo/buder_herb...test/test.html

    I have tried specifying a height for pretty much ALL DIVs that is high enough to cover it all, and specified a white background color, but that didn't really solve it at all.

    I would post code, but I'm not sure what code would be most helpful in solving the problem.

    I'm aware of some display problems in IE.

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    It's not the height, though that will come into play in some cases, so should be kept high, though perhaps not that high. It's the width, which should be the width of the wrapper, in this case 800px:

    Code:
    .glidecontent{ /*style for each glide content DIV within wrapper.*/
    	position: absolute; /* Do not change this value */
    	padding: 10px;
    	visibility: hidden;
    	width: 800px;
    	background-color: #ffffff;
    	height: 1500px;
    }
    This also looks promising, but may have problems in some browsers:

    Code:
    .glidecontent{ /*style for each glide content DIV within wrapper.*/
    	position: absolute; /* Do not change this value */
    	padding: 10px;
    	visibility: hidden;
    	width: 100%;
    	background-color: #ffffff;
    	height: 100%;
    }
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •