IE help please

  • heathermhill

    (@heathermhill)


    16 years, 2 months ago

    HI!
    I am working on http://ecobumz.com and my “shop” link at the top (the little brown sign) won’t work in IE.. it’s showing that it’s actually above my “contact” sign? This is only in IE and not in Mozilla or Chrome? I’ve stared at it for hours and not sure what I’m doing wrong?
    I’d really appreciate any tips as this is where folks can actually click to SHOP..

    Thanks in advance for your time!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Mark Ratledge

    (@songdogtech)

    16 years, 2 months ago

    It looks like the doc type declaration at the very top of header.php is broken. It should be on one line, so take put the spaces and returns in between
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    and
    "http://www.w3.org/TR/html4/strict.dtd">

    You also have two instances of <meta name="generator" content="WordPress 2.9.2" />, so you may have two instances of wp_head in header.php

    Fix the doc type and then work on other code errors you have, and then IE display should be OK: [Invalid]Markup Validation of ecobumz.com – W3C Markup Validator. Scroll down in the validation report to see line numbers and source code.

    skylar_inmotion

    (@skylar_inmotion)

    16 years, 2 months ago

    It might have to do with the fact that you’re using display:inline;, float:left; and giving the

    • items large left margins. The inline property is a common fix for the double margin bug in older versions of IE, but somewhere along the way the margin for “shop” is getting calculated from where your logo box ends instead of begins. You could try pulling <li id=”home”> out of the
      with the navigation and giving it a separate container so there’s less chance for overlap.
Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘IE help please’ is closed to new replies.

Tags