Navigation list not working in IE

  • ramsey

    (@ramsey)


    15 years, 2 months ago

    I built a simple little site for my professor. http://www.mzweiri.com/

    If you view the site in any browser, the navigation at the top works fine. Except in IE, where the items get listed on top of each other instead of next to each other.

    Any ideas on how to resolve this issue would be greatly appreciated. I am using the theme simplistic blue on the wordpress 2.7.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter ramsey

    (@ramsey)

    15 years, 2 months ago

    I’ve moved the site off the domain to here so I can test. http://tesdell.org/resume/

    spuddytastic

    (@spuddytastic)

    15 years, 2 months ago

    *BUMP!*
    I am also having this problem. Does anyone have a solution?

    muthukswamy

    (@muthukswamy)

    15 years, 2 months ago

    Looks like you are struggling with this for a week. I had the same problem years back when I first started coding. The solution is simple.

    Your HTML:

    <div id="navigation">
<ul>
<li><a href="http://tesdell.org/resume/">Welcome</a></li>
<li><a href="http://tesdell.org/resume/?page_id=3">About me</a></li>
<li><a href="http://tesdell.org/resume/?page_id=7">Expertise</a></li>
<li><a href="http://tesdell.org/resume/?page_id=9">Publications</a></li>
<li><a href="http://tesdell.org/resume/?page_id=11">Contact me</a></li>
</ul>
</div>

    The problem is in CSS. I will just show where to correct.

    #navigation ul {
display:table;
}

    Remove display:table;

    replace
    display:table-cell;
    with
    float:left;
    from
    #navigation ul li

    and add
    float:left;
    to
    #navigation ul li a

    probably this will solve your problem. I have also noticed that your images are too heavy. Try to optimize them. I have made a sample optimization for you.

    You can see the image here: http://i39.tinypic.com/2lctsfa.jpg
    Your image was 530kb, now its optimized to 24.7kb. It can be optimized even more but this is just an example.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Navigation list not working in IE’ is closed to new replies.

Tags