Grow your CSS skills. Land your dream job.

Menu displaying weird in IE7 (resolved)

  • # January 11, 2009 at 5:30 pm

    Hi,

    I’m definitely a novice at CSS and web design, but I’m still enjoying trying my hand at it, made possible to a very large extent to this site. I have a menu I’m working on at http://craigcurry.com/menu/index.html that displays fine in FF and Safari, but gets pushed down in IE7, and I cannot figure out why. Any ideas? (And if you see any other unwieldy or extraneous coding or whatever, please feel free to point that out as well.)

    Thanks,
    Craig

    Rob
    # January 11, 2009 at 5:41 pm

    Hello :)

    Nice site :)

    You will find that using padding to position is a bad move, as IE likes to make up its own padding rules lol

    padding-top:119px;

    try using

    position:relative;
    top:119px;

    # January 12, 2009 at 1:19 pm

    Thanks for the kind reply and idea, but that doesn’t do it. It does push the background image down, and in FF and Safari some of the floated li’s step down. (?) If this is of any help, I’m trying to use the concepts from http://www.consideropen.com/blog/2008/06/simple-mootools-12-animated-menu/ to do this.

    Thanks.

    **UPDATE: I was able to fix it after a lot of trial and error and slowly looking through each element. It took some tweaks to the placement of other items in the header, changing where the javascript placed the background image, and then floating my li’s. The corrected page is at http://craigcurry.com/menu/index3.html. I thank God for Firebug. And thanks again Rob for the reply; I really appreciate it! :D

    Rob
    # January 12, 2009 at 8:17 pm

    Awesome :) I was just lookin for it to have another plug at it, but im glad you managed to work through it – sometimes its better when you figure it out on your own.

    Its lookin good as well man :D

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".