Wordpess Theme Help :)

Discussion in 'HTML & Website Design' started by deakster, Oct 7, 2008.

  1. #1
    Hello,

    I have been making my own wordpress theme, however on testing it in firefox / safari and chrome there is a problem that isn't there in IE.

    I have a div for the post content on the right, and a sidebar on the left. There is a div called wrapper that should surround the whole thing (apart from the header). The wrapper div has a background image so that the sidebar has a different colour and can run the length of the page.

    The problem i have is that the wrapper div stays at the top of the page and therefore leaves a gap between the sidebar and post content.

    I have uploaded the page code when it has loaded and css doc.

    Any help appreciated. :)
     

    Attached Files:

    deakster, Oct 7, 2008 IP
  2. pinch-penny

    pinch-penny Active Member

    Messages:
    39
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    98
    #2
    Try this:

    1. Under #wrapper, add these two lines:
    display: block;
    overflow: hidden;

    2. Change ".sidebar" to "#sidebar", then add these two lines:
    padding-bottom: 5000px;
    margin-botton: -5000px;

    I hope this works for you!
     
    pinch-penny, Oct 7, 2008 IP
    deakster likes this.
  3. deakster

    deakster Peon

    Messages:
    282
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    0
    #3
    thanks very much :) tried number 1 and it worked fine :)

    + rep for you :)
     
    deakster, Oct 7, 2008 IP