Previous Message
Next Message

simple problem?

Sent by Gunlaug_Sørtun on 6 March 2006 17:05


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.

regards
	Georg
-- 
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
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/
Previous Message
Next Message

Message thread:

Possibly related: