Hi,

I'm trying to get a fixed width div and an elastic div play together 
inside an elastic wrapper div. So now I'm wondering is that possible at 
all?

What I have working is this...

HTML:
<div id="wrapper">
<div id="content">This is the content</div><!-- /content -->
<div id="sidebar">This is the sidebar</div><!-- /sidebar -->
<div class="cleardiv"></div><!-- /cleardiv -->
</div><!-- /wrapper -->

CSS:
#wrapper{margin:0 auto;text-align:left;width:90%;position:relative}
#content {float:left;width:65%;padding:20px 0 40px;line-height:1.5em}
#sidebar { 
padding:10px;width:25%;font-size:.9em;overflow:hidden;float:right;background:#fef1fe;margin:
 
30px 0 20px;}


What I want is the below CSS... but that doesn't work because the 
sidebar drops below the content div. If I put the fixed width sidebar on 
the left and the elastic content div to the right it works fine... but 
that is not what I need.

CSS
#wrapper{margin:0 auto;text-align:left;width:90%;position:relative}
#content {float:left;width:65%;padding:20px 0 
40px;line-height:1.5em;margin-right:320px}
#sidebar 
{padding:10px;width:280px;font-size:.9em;overflow:hidden;float:right;background:#fef1fe}
 


Anyone...?

Kim
______________________________________________________________________
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/

Reply via email to