Peter Lloyd wrote:
> Is it possible to force text to go below floated elements?
> Is there any way to guarantee that 'Next section' always begins below
> the image floated left (even if the size of the image varies on
> different pages?
Yes, at least three ways.
1: declare 'clear: both' or 'clear: left' on element holding "Next section".
2: make sure the element holding "Next section" is a block-element and
make it so wide that it can't fit alongside any image. That's usually
solved by giving it a width of close to 100% of available space in that
part of the page.
3: add a wide element (an empty div, maybe) that's defined close to 100%
wide, in the markup just above the element holding "Next section".
Solution 2 and 3 may come handy if unwanted clearing below elements
outside a page-part/column happens to be a problem. Otherwise solution 1
is the usual way to 'clear' below a float.
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/