Results 1 to 6 of 6

Thread: Firefox glitch with Drop Down Overlapping...

  1. #1
    Join Date
    Oct 2008
    Location
    Chicago
    Posts
    17
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default Firefox glitch with Drop Down Overlapping...

    Drop Down Overlapping Content

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

    My "Bulletin Board" in upper right corner works perfectly in IE, but opens a text only box at the other side of the page in FF.

    ??

    http://roses-and-teacups.com/CSSHome3.php
    Last edited by NancyRoses; 10-20-2008 at 10:04 PM. Reason: forgot url

  2. #2
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    You have two "style" properties defined inside the Drop Down DIV, which is probably the problem. Try removing the code in red below:

    Code:
    <DIV style="text-align: left" id="subcontent2" style="position: absolute; visibility: hidden; border: 4px solid navy; background-color: #F8F8F8; width: 250px; height: 180px; padding: 4px;">
    DD Admin

  3. #3
    Join Date
    Oct 2008
    Location
    Chicago
    Posts
    17
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default then how do I...

    But I want the text in the drop down to align left.

    Also... tried to add an image to that drop down div, but it didn't work... something special I need to know?

  4. #4
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    You're free to add align-left to your inline CSS. The point is, it should all be done inside one style property (not two). For example, try the below:

    Code:
    <div id="subcontent2" style="text-align: left; top: 0pt; left: 0pt; visibility: hidden; position: absolute; width: 200px; border:1px solid black; background: lightyellow">
    
    <br>
    Pardon our Virtual Dust!<br>
    We are changing over<br>
    to our New Template!<br><br>
    Economy-Fighter Sale!<br>
    20% Off Romantic Victorian!<br>
    Hats, Bears, Pillows, More!<br>
    Coming Soon!
    
    </div>
    DD Admin

  5. #5
    Join Date
    Oct 2008
    Location
    Chicago
    Posts
    17
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    That was it!! Still soooooooo much to learn!

    I can't thank you enough for this site, these scripts, and all of this kind assistance!!

    We did a survey, and got an overwhelmingly positive response to the javascript changes we are making on the site!!!

    So far I have added the Any Link Vertical menus, this wonderful "unfolding" message board, the Jump to Top link, and Snow on our Christmas pages. Wonderfully fun, and the site is so much easier to navigate!!

    Did you have any advice for attempting to tuck an image into this div? Maybe I just did it incorrectly.

  6. #6
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    You're welcome.

    Did you have any advice for attempting to tuck an image into this div? Maybe I just did it incorrectly.
    I don't see why not- you can embed any HTML content into the drop down DIV, images included.
    DD Admin

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
  •