|
|
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
Navigation:
[Reply to this message]
|