Allignment issues in IE6

  • The website looks fine in Firefox and Safari, but the alignment of the menu and size of the search box in IE6 has gone squewiff.

    Click here for the site.

    I’ve validated CSS which helped a bit, but it’s still messy.

    I’ve gone through templates line by line but cannot see the issue.

    Can anyone help?

Viewing 2 replies - 1 through 2 (of 2 total)

  • You might also want to validate your markup. You’ve got two divs with an id of content that could cause you some problems and a list that’s missing some markup.

    That said, IE6 is a pain and will often mess up completely valid sites because its CSS Box Model is so badly broken. I can only test against IE6 using IETester, so can only offer general suggestions but it looks like you need to reduce the width of the sidebar for IE6.

    If it was me. I’d serve up an additional sheet with the reduced sidebar width targeted at IE6 or below using a conditional comment:

    https://www.elated.com/articles/internet-explorer-conditional-comments/

    Thread Starter singhrt

    (@singhrt)

    I think I’ve fixed it by adding what you see in italics below, in the relevant section of style.css:

    .narrowcolumn {
    clear:left;
    }

    .narrowcolumn2 {
    clear:left;
    }

    #searchsubmit {
    width:55px;
    }

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Allignment issues in IE6’ is closed to new replies.