Grow your CSS skills. Land your dream job.

List Showing Up In FF not IE

  • # June 22, 2008 at 10:35 am

    I’m stumped!

    I have a website design that works flawlessly in Firefox. I’ve used the IE style sheet to redirect IE to use:
    <!–[if IE]>
    <link rel="stylesheet" type="text/css" href="css/ie.css" />
    <![endif]–>

    However, I’ve fixed the positions in IE but I cannot get the menu to appear in IE7. I had to do a little tweaking to the li style to get it to work in Firefox but I am stumped as to how to make this work in IE7. The coding for the li was done within the page itself instead of the css file(s). Can anyone give me any guidance as to how to make it work?

    The li code is below:

    Code:

    Here is the website to reference:

    http://www.kissngrind.com/index0608.html

    css locations:

    http://www.kissngrind.com/css/kng.css
    http://www.kissngrind.com/css/ie.css

    # June 22, 2008 at 10:35 pm

    I see the problem you are having but I’m having a hard time troubleshooting it just because of how complicated it has become. There are inline styles and css styles and ie-specific css styles… I think you just got yourself too tangled up in something that really shouldn’t be this complicated. Even the div that the menu resides in (#top-col) has a set height value and then the individual menu items are pushed out of it with the top margin on the <li> elements. I suspect that is what IE is getting confused with. Maybe try to get that menu out of #top-col and into #main-content, looks like that is more the place it belongs.

    # June 23, 2008 at 1:39 pm

    your conditional ie style sheet will not work because the in-line style will over rule it. Move the inline style to your normal stylesheet and then your ie style sheet will work.

    # June 23, 2008 at 9:37 pm

    Sounds good. I’m diggin’ in. Thanks for the suggestions. I will let you know how it turns out. *crosses fingers and toes*

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".