How do I create a hybrid two column lay out like php.net?

Posted by Koning WWWWWWWWWWWWWWWWWWWWWWW on Stack Overflow See other posts from Stack Overflow or by Koning WWWWWWWWWWWWWWWWWWWWWWW
Published on 2010-05-14T16:09:22Z Indexed on 2010/05/14 16:24 UTC
Read the original article Hit count: 201

Filed under:
|

I want to create a layout like this:

        |                      |
        |                      |
        |                      |
        |                      |
        |                      |
        |                      |
        |                      |
        |                      |
 -FIXED-|--------FLUID---------|
        |                      |
        |                      |
        |                      |
        |                      |
        |                      |
        |                      |
        |                      |

Just like http://www.php.net/

I have this:

div#sidebar {
    float: left;
    width: 200px;
    padding: 4px;

    background-color: #EEEEEE;
    border-right: dashed 1px #AAAAAA;
}

div#content {
    padding: 4px;

    margin-left: 208px;
}

But the problem is that the sidebar isn't at least the height of the content block (which it should be).

Can anyone help me? Thanks

Oh, one more thing: I will never, ever use a table for this!

© Stack Overflow or respective owner

Related posts about css

Related posts about layout