Same height columns

  • melbell

    (@melbell)


    20 years, 11 months ago

    Here’s my example page

    What I’m trying to do is make that “content” column take up the same height as the sidebar column. So the right side would have a white bg all the way down to the footer (like in the default WP theme). I just have the borders in there temporarily because they help me see the layout.

    I just can’t figure out what I need to put in my css to make it work.

Viewing 4 replies - 1 through 4 (of 4 total)
  • prissed

    (@prissed)

    20 years, 11 months ago

    People usually get around this by using faux columns – where you set a tiled background image to your container div.

    Thread Starter melbell

    (@melbell)

    20 years, 11 months ago

    I have found that method since posting…but I’m still having a problem.

    you can see it now on the link I provided in my original post. The div that houses the bg image, is not stretching to the entire height of the floated sidebar…it’s only stretching high enough to hold the content div.

    Do you know a fix for this?

    Thread Starter melbell

    (@melbell)

    20 years, 11 months ago

    Ok I found my answer. If I put an empty div with clear:both; set inside the wrapper div, underneath all the content, it will force it to stretch out.

    So now my code looks like:

    <wrapperdivwithbackground>
    <sidebardivfloatedleft></sidebardiv>
    Content Content Content
    <emptydivtoclearfloats></emptydiv>
    </wrapperdiv>

    Root

    (@root)

    20 years, 11 months ago

    Welcome to floats. 🙂

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

The topic ‘Same height columns’ is closed to new replies.