Dynamic width with fixed column

Question

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

BentOnCoding · Accepted Answer · 2011-06-27 18:39:38Z

1

This blog is pretty useful for grabbing complex layouts.

ultimate-2-column-right-menu-pixels

answered Jun 27, 2011 at 18:39

BentOnCoding

28.3k14 gold badges68 silver badges93 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

MikeM · Accepted Answer · 2011-06-27 18:44:45Z

1

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

answered Jun 27, 2011 at 18:44

MikeM

27.5k4 gold badges67 silver badges80 bronze badges

Collectives™ on Stack Overflow

Dynamic width with fixed column

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related