Shelly wrote:
>
> What I need is a 2-column layout, with a 300px sidebar *on the left*. 
> The site should be centered and 90% in width, with the right size fluid 
> and taking up the remaining space.
>
>
> ~Shelly
>
>   


This is one way to do it:

CSS

html,body{background-color:#fff; color:#000;margin:0;padding:0;}
body{font: 100% georgia,serif;text-align:center;}
p{margin:0;}
#container{border:1px solid fuchsia;margin: 0 auto;text-align: 
left;width: 90%;}
#header {border-bottom: 1px solid fuchsia;}
#wrapper{float:right;width:100%;margin-left:-300px;}
#content{margin-left:300px;}
#c1{float:left;width:300px;}
#footer{border-top: 1px solid fuchsia;clear:both;width:100%;}

HTML

<body>
<div id="container">
<div id="header"><h1>header</h1></div>
<div id="wrapper">
<div id="content">
<p>right column</p>
</div>
</div>
<div id="c1">
<p>left column</p>
</div>
<div id="footer"><p>footer</p></div>
</div>
</body>
</html>

Best,

~dL

-- 
http://chelseacreekstudio.com/

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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/

Reply via email to