On 9/26/06 3:47 AM, "[EMAIL PROTECTED]" <[EMAIL PROTECTED]> wrote:
> how about a div with a line? You can set the height to whatever you want. > > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" > "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> > <html xmlns="http://www.w3.org/1999/xhtml";> > <head> > <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> > <title>Untitled Document</title> > <style type="text/css"> > <!-- > body { > margin: 0px; > padding: 0px; > } > #container { > width: 761px; > margin: 0 auto; > position: relative;; > } > > #masthead > { > height: 99px; > background-color: #afb6c6; > padding: 0px; > border-bottom-width: 6px; > border-bottom-style: solid; > border-bottom-color: #cccccc; > > } > #title { > text-align: center; > padding-top: 5px; > padding-bottom: 3px; > } > > #content { > width: 761px; > position: relative; > background-image: url(newsBkg.gif); > background-repeat: repeat-y; > } > #leftCol { > float: left; > width: 365px; > } > #rightCol { > float: right; > width: 365px; > } > #footer { > clear: both; > text-align: center; > } > > #linebox { > border-left: 1px solid black; > width:1px; > float:left; > height:200px; > margin-left:13px; > > } > </style> > > --> > </style> > </head> > > <body> > <div id="container"> > <div id="masthead"></div> > <div id="title">Title</div> > <div id="content"></div> > <div id="content"> > <div id="leftCol"><p>Lorem ipsum dolor sit amet, consectetuer > adipiscing elit. Duis ligula lorem, consequat eget, tristique nec, > auctor > quis, purus. Vivamus ut sem. Fusce aliquam nunc vitae purus. Aenean > viverra > malesuada libero. </p> > </div> > <div id="linebox"></div> > <div id="rightCol"> > <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ligula > lorem, > consequat eget, tristique nec, auctor quis, purus. Vivamus ut sem. Fusce > aliquam nunc vitae purus. Aenean viverra malesuada libero. Fusce ac > quam. > Donec neque. Nunc venenatis enim nec quam. Cras faucibus, justo vel > accumsan > aliquam, tellus dui fringilla quam, in condimentum augue lorem non > tellus. > Pellentesque id arcu non sem placerat iaculis. Curabitur </p> > </div> > </div> > > <div id="footer">footer</div> > </div> > <!-- end container --> > </body> > </html> > > > Thanks for your reply but the problem with that is I want the line to always be the height of the text which will change from page to page. Liz ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
