Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 9 of 9
  1. #1
    Regular Coder dniwebdesign's Avatar
    Join Date
    Dec 2003
    Location
    Carrot River, Saskatchewan
    Posts
    838
    Thanks
    15
    Thanked 9 Times in 9 Posts

    Menus Slide Down Everything in IE

    Alrighty, so first of all, forgive me if I posted this in the wrong area. I can't wrap my head around what is causing this in IE. Anyway... I have a javascript menu (ddsmoothmenu) which works excellent in FireFox. However, I just tried it in Internet Explorer (8 or 9 I think).... and it slides down the whole page except the background image. Which is odd.

    Internet Explorer 6 (since I have XP this is the latest one I have) and it works pretty good. Doesn't slide down the whole page, but the menus aren't exactly perfect. But functional for IE 6 users at least.

    What is causing this in IE 8+.

    To see what I mean visit: www.carrotriver.ca?bypass=CodingForums
    The site is protected by Cookies at the moment so the bypass will allow you to view the site.
    Dawson Irvine
    CEO - DNI Web Design
    http://www.dniwebdesign.com

  • #2
    Regular Coder
    Join Date
    Sep 2011
    Posts
    327
    Thanks
    3
    Thanked 35 Times in 35 Posts
    Javascript menus are too time-consuming for me to dive into, but I wrote a tutorial on how to create such a menu with just CSS -- which is actually quite simple.

    [BTW, do you know that the image changer doesn't work in FF(16)?]
    Frank

    How to: Target IE in, Position in, Center in, Create a Fixed ('Sticky') Footer with, and Create a Drop-Down/Fly-Out Menu with CSS: Website Laten Maken Amsterdam.

  • #3
    Regular Coder dniwebdesign's Avatar
    Join Date
    Dec 2003
    Location
    Carrot River, Saskatchewan
    Posts
    838
    Thanks
    15
    Thanked 9 Times in 9 Posts
    That really does not help answer my question...
    Dawson Irvine
    CEO - DNI Web Design
    http://www.dniwebdesign.com

  • #4
    Regular Coder
    Join Date
    Sep 2011
    Posts
    327
    Thanks
    3
    Thanked 35 Times in 35 Posts
    Quote Originally Posted by dniwebdesign View Post
    That really does not help answer my question...
    If you would have googled a bit before making that website, you would have seen that you don't need javascript to create a menu like that. For a professional web design business, creating such a menu with just CSS, without other contents being pushed down during drop-down, is weekly routine...
    Last edited by Frankie; 04-02-2013 at 02:50 AM.
    Frank

    How to: Target IE in, Position in, Center in, Create a Fixed ('Sticky') Footer with, and Create a Drop-Down/Fly-Out Menu with CSS: Website Laten Maken Amsterdam.

  • #5
    Senior Coder jerry62704's Avatar
    Join Date
    Oct 2007
    Location
    Springfield, IL
    Posts
    1,100
    Thanks
    13
    Thanked 87 Times in 87 Posts
    I don't see any sliding in IE9.

    Where is the snow in the pictures? <g>
    .
    .
    ...and gladly would he learn and gladly teach

    Visit www.LiberalsWin.com for humor and the unique Bush/Obama Approval Polls

  • #6
    Regular Coder dniwebdesign's Avatar
    Join Date
    Dec 2003
    Location
    Carrot River, Saskatchewan
    Posts
    838
    Thanks
    15
    Thanked 9 Times in 9 Posts
    Quote Originally Posted by jerry62704 View Post
    I don't see any sliding in IE9.

    Where is the snow in the pictures? <g>
    Strange... I'll have to check what version of IE was on the laptop I was checking it with.

    The snow is here... I just had the photos before the snow came. It has slowly been melting but with 5'-6' of snow, it's a very slow process considering our temperature hasn't really gotten over 0C / 32F.
    Dawson Irvine
    CEO - DNI Web Design
    http://www.dniwebdesign.com

  • #7
    Regular Coder dniwebdesign's Avatar
    Join Date
    Dec 2003
    Location
    Carrot River, Saskatchewan
    Posts
    838
    Thanks
    15
    Thanked 9 Times in 9 Posts
    Alright. I tried IETester to see if I could recreate it and all the content slides down when using IE 7. I may have been staring at this code to long that's probably why I don't see it. I have used this javascript before with much success, that's why I am using it again. The effects and possibilites are more than just with CSS and HTML. Anybody have an idea as to why it slides down all the content?
    Dawson Irvine
    CEO - DNI Web Design
    http://www.dniwebdesign.com

  • #8
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,668
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Hello dniwebdesign,
    I looked at it for a bit and couldn't weed out the IE specific stuff you load with those <!--if statements. I was originally thinking it was the js that was doing it but I think if that was the case it would happen in FF too.

    Since it doesn't, try getting rid of those IE statements and see what happens.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #9
    Regular Coder dniwebdesign's Avatar
    Join Date
    Dec 2003
    Location
    Carrot River, Saskatchewan
    Posts
    838
    Thanks
    15
    Thanked 9 Times in 9 Posts
    Wow. I figured maybe I'd update the script because their original examples work fine. Now it slides down in FireFox... :\
    Dawson Irvine
    CEO - DNI Web Design
    http://www.dniwebdesign.com


  •  

    Posting Permissions

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