Tom Edwards wrote:
>> As far as I can see, the sidebar _does_ come before
>> the content in the above example.
>> At the url you gave in your other post -
>> http://www.steamreview.org/files/newstyle.htm , I
>> see the same construct as in my example.
>> What is your goal? extend the green area to
>> encompass the image?
>> Looking at your main page - do you want the posts to
>> take up the space below the sidebar?
> Yeah, sorry. My fault for trying to do anything
> meaningful at 10:30PM! There is one difference though:
> the green div is inside another div, "page", that sits
> between it and the sidebar in the div hierarchy. I'll
> remove that and see where floating gets me.
> Yes, I'm trying to make the green area expand to
> contain the floated image on the right (i.e. clear the
> internal float). And I also want the content to take
> up the space below the sidebar, as I sometimes end up
> with very long posts
> (http://www.steamreview.org/index.php?paged=2) that
> look silly wasting the space.
Well, overflow:auto doesn't have effect in IE, and yes, it does
give a 'block effect', a clear property has a problem with the
sidebar, unless the parent (#page) is floated, but #page can't be
floated if you want the content to extend below the sidebar.
Frankly, I don't think there's any option to do what you want,
unless you would do it on a per post basis. If there's an image
in a post, set the min-height on that post to the height of that
image (or higher, if the image doesn't start at the top of the
post). Won't work in IE, so you'd have to give IE just a height,
and accept that that post won't flow below the sidebar.
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/