Grow your CSS skills. Land your dream job.

Column Height

  • Wes
    # September 15, 2009 at 10:02 am

    Alright me again. I know I seem to have a lot of problems…. oh well here it goes

    http://melodicexistence.com/?cat=5%20target=

    I want the main column there to fill the space between the header and the footer (except the 2 pixel spacing at the top and bottom of course). I tried 100% height, didn’t work. I cannot make the page wrapper have a background like I did on my personal site because the main page is quite different than this page ( a lot more boxes)

    I’m sure there is some obvious answer but I spent a few hours trying to figure this out and have come up with nothing

    here is the relevant CSS

    Code:
    #single { width:620px; background:url(http://cdn.css-tricks.com/images/postbg.jpg) repeat-x; background-color:#4f0600; color:#ee9d34; float:left; margin-bottom:2px;}
    # September 15, 2009 at 1:20 pm

    I think I must have missed something, I don’t see the #single anywhere inn the source of the page.

    Did I miss it?

    Wes
    # September 15, 2009 at 1:41 pm

    sorry about that, but its essentially the same thing as the "archive" tag

    here is a page using the single tag
    http://melodicexistence.com/?p=37

    the only problem is this problem is visible only at larger resolutions (I am at 1440 X 900)

    # September 15, 2009 at 3:00 pm

    I’m actually having the same problem on my site, with the height 100% not working.

    Did you use the Starkers theme when you started coding your css?

    Wes
    # September 15, 2009 at 3:33 pm

    Yes I did but I ripped a lot of stuff out. It shouldn’t affect it

    # September 15, 2009 at 11:28 pm

    Have you tried your design outside of WP? Does it work the same way?

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

You must be logged in to reply to this topic.

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