Results 1 to 3 of 3

Thread: Modal window veil does not cover browser window

  1. #1
    Join Date
    Oct 2008
    Posts
    12
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default Modal window veil does not cover browser window

    1) Script Title: DHTML Modal window v1.1

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...dhtmlmodal.htm

    3) Describe problem:

    Any ideas why the veil in the Modal window does not cover the entire window in Chrome, it works in all other browsers. It appears to be “stuck” in the upper part of the browser.

    Example: http://www.areadevelopment.com/advertisers/test-ad.html

    Thank you!

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    29,030
    Thanks
    44
    Thanked 3,211 Times in 3,173 Posts
    Blog Entries
    12

    Default

    It's because there's no content behind it. I found that even without content, if I set its height to 100% it worked (in the Client265453/1352297198354_modalv3.css file, addition highlighted):

    Code:
    .drag-handle{ /*Overwrite default drag handle bar background color with below*/
    background-color: #03277C;
    }
    
    #interVeil{ /*CSS for veil that covers entire page while modal window is visible*/
    position: absolute;
    background: black url(http://www.areadevelopment.com/images/blackdot.png);
    height: 100% !important;
    width: 10px;
    left: 0;
    top: 0;
    z-index: 999998;
    visibility: hidden;
    filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);
    opacity: 0.8;
    }
    Be sure to use the !important keyword as shown to override the scripted styles. This may mess up other browsers though. If not, fine, if so - just get some content to the page.

    The browser cache may need to be cleared and/or the page refreshed to see changes.

    Bottom line - as I first said, if you have a full page of content behind the modal, this shouldn't be a problem.
    - John
    ________________________

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

  3. #3
    Join Date
    Oct 2008
    Posts
    12
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    Thank you, John.

    "set its height to 100%" fixed the veil issue!

Similar Threads

  1. DHTML Modal Window - Help with several challenging Veil Issues... CLUELESS
    By avarseir in forum Dynamic Drive scripts help
    Replies: 3
    Last Post: 02-02-2012, 02:31 AM
  2. DHTML Modal window v1.1 - "veil" issue
    By grumpy in forum Dynamic Drive scripts help
    Replies: 0
    Last Post: 02-28-2011, 12:43 PM
  3. Replies: 0
    Last Post: 12-18-2009, 09:40 PM
  4. DHTML Modal Window FF veil gap
    By cvele in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 09-16-2008, 02:40 PM
  5. DHTML Modal window: close window when veil is clicked?
    By Luterin in forum Dynamic Drive scripts help
    Replies: 5
    Last Post: 10-10-2007, 05:14 PM

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
  •