CODEWITHSUNDEEP
htmlcsslayout
Undefined
Undefined

Reputation: 1929

Dynamic width with fixed column

I am trying to create a page that has a width that adjusts to the screen with a fixed width column on the right. So for example:

|                    |          |
|-------Content------|--Column--|
|                    |          |

       |             |          |
       |---Content---|--Column--|
       |             |          |

    |                |          |
    |-----Content----|--Column--|
    |                |          |

http://www.reddit.com/ would be a good example of this. Thanks

Upvotes: 0

Views: 177

Answers (2)

MikeM
MikeM

Reputation: 27405

this is essentially what reddit does: http://jsfiddle.net/pxfunc/rCG84/

the side div 1.) is above content in the html, 2.) is set to float:right;, and 3.) given a specific width (width:300px)

<div id="side"></div>
<div id="content"></div>

the content div will adjust with the window size

Upvotes: 1

BentOnCoding
BentOnCoding

Reputation: 28148

This blog is pretty useful for grabbing complex layouts.

ultimate-2-column-right-menu-pixels

Upvotes: 1

Related Questions