ansaurus

Question

Div Layout: static left column width , strechacle right column width

Answer 1

+1 A:

Take a look: http://www.brunildo.org/test/lf100r.html

Nimbuz 2010-01-27 11:37:45

Answer 2

+2 A:

There's plenty of ready made templates that would work here, take a look at these for example:

Tatu Ulmanen 2010-01-27 11:37:53

Answer 3

A:

The basic structure with a faux column approach for the left fixed column without header or footer which are of course also easy to add:

<body>
    <div id="wrap">
        <div id="inner-wrap">
            <div id="left-col">

            </div>
            <div id="right-col">


            </div>
        </div>
    </div>
</body>

The basic css for this layout, add some reset rules at the top:

/* Main Layout Positions */

html {
    height: 100%;
}

body {
    height: 100%;
}

#wrap {
    background: url(../images/false-column.gif) top left repeat-y;
    min-height: 100%;
    margin: auto;
    position: relative;
}

* html #wrap {
    height: 100%;
}

#inner-wrap:after {
    content: " ";
    display: block;
    clear: both;
}

#left-col {
    float:left;
    width:395px;
}

#right-col {
    position: relative;
    margin-left: 395px;
}

tharkun 2010-01-27 11:46:41

ansaurus

tags:

views:

answers:

Div Layout: static left column width , strechacle right column width

related questions