Posted by vito on 06/23/06 02:55

>>1 2
>>3 3
>>
>>
>>the 1, is float:left
>>the 2, is float:left
>>the 3, is float:bottom
>
> There's no 'float: bottom.' Presumably this is ignored by browsers.

sorry for not admitting there's no float:bottom earlier

> How about something like this:
>
> <div style="float: left;
> width: 200px; height: 200px; border: 1px solid red;">1</div>
>
> <div style="float: left;
> width: 200px; height: 200px; border: 1px solid red;">2</div>
>
> <div style="float: left; clear: both;
> width: 200px; height: 200px; border: 1px solid red;">3</div>

How is "clear" working? Google returns little about it

Indeed i prefer

1 2
+-+
|3|
+-+

or

1 2
3

or
1 2
3

but not

1
2 3

or

1
2
3

if the browser window is not large enough, i hope the 2 will not go down but
instead stay right beside 1.

>
> Width, height, and border added to make it clear what's happening. 'clear:
> both;' or 'clear: left;' will bring the third floated DIV below the two
> above.
> --
> Martin Jay
> Phone/SMS: +44 7740 191877
> Fax: +44 870 915 2124

[Back to original message]