Not signed in (Sign In)

SkillShare - A place to discuss Web Standards and Web Design topics

Categories

Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.

  1.  permalink
    The display problem I'm encountering is semi-reproducable depending on the machine it's viewed on. On my Win7 laptop using IE9, the display problem occurs only when I navigate to the blog page and every page thereafter. It does not occur in IE 9 or 8 on my work computers (XP and Win7) It occurs in IE 7 without fail, it you can look at it in that browser.

    Since I cannot attach a graphic here, I will describe the problem as best I can. I think I have the problem code isolated, I just don't know how to code it correctly. Here are the steps:

    1. In IE7 (if possible) go to URL: http://caspca.org/wordpress/ In IE7, you can immediately see that the navbar <li>s don't float left, and are bursting out of their container to the right.

    In IE9 (on my Win7 laptop), the navbar is fine, until you navigate to the blog page (Under News > Blog). Here's where it blows up.

    2. Using IE's development tools (element inspector), click on a nav li ("home" is:
    <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-81" id="menu-item-81"> )

    3. In the element inspector, scroll down and you'll see that in ie.css, on the MENU LI, there is a min-width:100% property. If you click that off, the menu displays correctly, except it still overflows its container to the right.

    Can someone tell me what code will correct this?

    Thank very much,

    John
Add your comments
    Username Password
  • Format comments as (Help)