Previous Message
Next Message

two liquid columns - aligned top and bottom

Sent by Jason Wehmhoener on 16 July 2004 17:05


Given the markup below, how should I modify it, so that the bottom and 
top edges of the colored "leftbox" and "rightbox" are always aligned 
regardless of the length of the content they contain?   I've figured out 
a way to do this using JavaScript and DOM, but the page must be 
refreshed on resize.  It would be much nicer to do it in pure CSS.

<style type="text/css">
  #rightbox {
    background-color: red;
  }
  #leftbox {
    background-color: blue;
  }
</style>

<div id="container">
  <div id="leftbox">
    blah blah blah blah blah blah blah blah blah blah blah blah blah 
blah blah blah blah blah blah blah blah blah blah blah
  </div>
  <div id="rightbox">
    blah blah blah blah blah blah blah blah blah blah blah blah blah 
blah blah
  </div>
</div>

Thanks,
Jason
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread:

Possibly related: