The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Tripple div, no image repeat in IE 6

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
  • #27470

    So quite frankly I don’t care much about IE6, but as life is until 2011 it is likely required to be required support.

    I’ve been designing a wordpress theme and I have a custom section for the articles.

    Each article is surround by 3 div’s. One to show the top graphic of the article, one to show the bottom and a repeating one for the background.

    Content here!

    And in the css I have

    #postBody {
    background:url(../images/postBodyBG.png) repeat-y scroll center top;

    #postBodyBottom {
    background:transparent url(../images/postBodyFooter.png) no-repeat scroll center bottom;

    #postBodyTop {
    background:transparent url(../images/postBodyHeader.png) no-repeat scroll center top;
    padding:3px 10px 10px 10px;

    Everything appears fine, but in IE6, the #postBody does not show, the ‘repeat-y’ doesn’t appear to be working.

    The bottom and the top images are appearing fine.

    Any ideas what could be causing the problem or how to fix it?

Viewing 1 post (of 1 total)
  • The forum ‘CSS’ is closed to new topics and replies.