Grow your CSS skills. Land your dream job.

CSS Specificity / WordPress / IE6

  • # September 13, 2009 at 12:16 pm

    I believe I’ve nailed this down to an issue with CSS specificity. But the issue is still unresolved.

    Here’s the website: http://www.smilesbydesignchicago.com

    In every other browser other than IE6, the homepage and other similar pages display fine. However, on IE6, no content appears within the content div. The header, footer & sidebar displays, but nothing inside the content area "when there are float <divs> inside the content area. Pages that do not have these display fine. This is a WordPress website. The only thing I’ve come up with is WordPress’s <div> that wraps the page content. The <div> has a class of "post" and an id of post-# where # is the post id in WordPress.

    Ex. <div class="post" id="post-4">

    This <div> is the only thing that I can come up with that is causing this CSS specificity issue.

    Any assistance would be appreciated.

    # September 14, 2009 at 5:50 pm

    Here’s a screenshot of what is happening.

    Here’s a link to a screenshot that illustrates the issue: http://www.dennisdeacon.com/sbd.jpg

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

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".