Grow your CSS skills. Land your dream job.

[Solved] Browser Problem (Step Down Issue)

  • # January 3, 2010 at 6:24 pm

    I followed the video tutorial number 1 and used the mockup he gave. It looks great… in firefox. When I open it in IE though, it is left aligned and the menu items step down into the page. Can somebody tell me how to fix it?
    EDIT: I fixed the problem with IE not being aligned. It had something to do with IE not recognizing the "0 auto" align code in the CSS. However the menu bar problem still stumps me. Any help is greatly appreciated.

    # January 4, 2010 at 3:09 am

    Do you have a link to the site?
    Have you tried float: left, display: inline, etc. in the ie specific code?

    # January 4, 2010 at 5:29 pm

    I do not have the site up yet, but if you could help I can gladly get it up. I’m using "display: block" and a "float: left" in the CSS for the menu bar.

    # January 4, 2010 at 6:27 pm

    http://css-tricks.com/prevent-menu-stepdown/

    This should address your issue.

    # January 4, 2010 at 8:54 pm

    It worked! Thank you both very much! It was the Display: inline code I was missing. Thanks!

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

You must be logged in to reply to this topic.

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