Results 1 to 7 of 7

Thread: Spacing between header problem. IE8

  1. #1
    Join Date
    Sep 2010
    Posts
    4
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default Spacing between header problem. IE8

    1) Script Title: ddaccordion.js

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

    3) Describe problem: Using IE8. The problem I describe also happen on DD demo page. When playing around with header they open and collaspe correctly but sometime the spacing between header just fall to 0px. According to css setting, the spacing should always be 10px. Tried with Chrome and it's seems to be all good. Any quick fix ? Thank's for your suggestion.

    Merci from Quebec.

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

    Default

    I've seen this before, though can't quite recall under what exact circumstances it happens. The DD demo you cited looks consistently fine for me btw in IE8. Instead of say "margin", you might try using another CSS property such as "padding" for the spacing to see if that gets around the problem.
    DD Admin

  3. #3
    Join Date
    Sep 2010
    Posts
    4
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    Tried playing with css setting (padding, margin) as you suggested with no success. Attached a snapshot of the problem taken from DD demo url. Found another member of this forum is having the same problem ( http://www.dynamicdrive.com/forums/s...ad.php?t=57122 ) I'm not trying to be a pain here, just pointed out a small glitch... I find this menu so great and it's already in my website.

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

    Default

    Ah yes after longer testing in IE8, I can confirm the problem. It seems for some reason IE sometimes removes the margins associated with an element when it's CSS display is set to "none". If I have time I'll try and revisit this issue later next week to see if I can find a solution.
    DD Admin

  5. #5
    Join Date
    Sep 2010
    Posts
    3
    Thanks
    0
    Thanked 1 Time in 1 Post

    Default

    The workaround I use is to put the following in the head tag:

    Code:
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>

  6. The Following User Says Thank You to CSWeb For This Useful Post:

    Grenier (09-08-2010)

  7. #6
    Join Date
    Sep 2010
    Posts
    4
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default Emulating IE7

    Your workaround worked great!. Thank's a lot! In the meantime, been testing ddaccordion.js and a couple of menu based on that script have the same issue on IE8. Are you aware if emulating IE7 has side effects?

  8. #7
    Join Date
    Sep 2010
    Posts
    3
    Thanks
    0
    Thanked 1 Time in 1 Post

    Default

    I've not seen any side affects, but I'm no web guru.

    I think it'll only break things if you are specifically coding stuff for IE8 (but who on earth does that?). You'll have to test your sites.

    Also, I do it because it's a workaround. It may not be a long term solution, but I don't care (it's IE after all) and it means people see my sites as I want them to.
    Last edited by CSWeb; 09-09-2010 at 01:37 AM.

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
  •