Hi Eric,
That makes the content div drop below the sidebar... thanks a lot though.
Kim
KJ'[EMAIL PROTECTED] skrev:
> Hi Eric,
>
> That makes the content div drop below the sidebar... thanks a lot though.
>
> Kim
>
> Éric Vesque skrev:
>> KJ'[EMAIL PROTECTED] a écrit :
>>> 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
>>
>> Hi Kim,
>> did you try this:
>> HTML:
>> <div id="wrapper">
>> <div id="sidebar">This is the sidebar</div><!-- /sidebar -->
>> <!--Insert the sidebar BEFORE the main content.-->
>> <div id="content">This is the content</div><!-- /content -->
>> <div class="cleardiv"></div><!-- /cleardiv -->
>> </div><!-- /wrapper -->
>>
>> I think that should work as you want.
>> Regards,
>
______________________________________________________________________
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/
