Sorry for all the questions today. I have just one more. What is the “Clear” (Left, Right, Both) option for in the Inspector of an HTML item?
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
If you have floated an element left or right, it will try to find a place to go that it can fit, kind of like a liquid will try to fit its container. Clear tells it to respect other floated elements, and to stay out of their way. For example, if you have two float:left elements, they will try to float next to one another, as long as their parent element is wide enough to let them fit side-by-side. But if you set the second floated element to clear left, it will not try to float next to the first floated element, instead it will behave as if that first element wasn’t floated, and stay out of its way entirely.
Walter
On Jun 12, 2012, at 11:13 PM, RavenManiac wrote:
Sorry for all the questions today. I have just one more. What is the “Clear” (Left, Right, Both) option for in the Inspector of an HTML item?
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Clear as mud to me, like RavenManiac, this is always something that’s confused me (and still does). I’m sure I’d do a better job if I wasn’t working by trial and error.
Trev
On 13 Jun 2012, at 05:20, Walter Lee Davis wrote:
If you have floated an element left or right, it will try to find a place to go that it can fit, kind of like a liquid will try to fit its container. Clear tells it to respect other floated elements, and to stay out of their way. For example, if you have two float:left elements, they will try to float next to one another, as long as their parent element is wide enough to let them fit side-by-side. But if you set the second floated element to clear left, it will not try to float next to the first floated element, instead it will behave as if that first element wasn’t floated, and stay out of its way entirely.
Walter
On Jun 12, 2012, at 11:13 PM, RavenManiac wrote:
Sorry for all the questions today. I have just one more. What is the “Clear” (Left, Right, Both) option for in the Inspector of an HTML item?
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Well, like Walter says… floated elements will try to move in the direction
they are floated (left or right) until they bump into something that gets
in their way – like the edge of their containing element or something else
that has “keep away” properties, like margin or block display values.
Floated elements will even try to go around these obstacles if they can.
The Clear property routes floated objects to the left or right, or both. It
can be common in an inline layout to set a long thin html div box with a
float of none and the clear of both between rows of floated html div boxes.
This has the effect of keeping all these floating divs from flowing places
they should not go.
Try it. Insert a floating html div box in your container box, float it
left, duplicate it and set the copy to clear left. See how it avoids the
previous floated object? I know it seems strange, but there are logical
aspects of page coding that just have no equivalent in the traditional page
layout way of working. In CSS we have to deal with an elements behavior.
Clear? 
–
Ernie Simpson
On Wed, Jun 13, 2012 at 2:48 AM, Trevor Reaveley email@hiddenwrote:
Clear as mud to me, like RavenManiac, this is always something that’s
confused me (and still does). I’m sure I’d do a better job if I wasn’t
working by trial and error.Trev
On 13 Jun 2012, at 05:20, Walter Lee Davis wrote:
If you have floated an element left or right, it will try to find a
place to go that it can fit, kind of like a liquid will try to fit its
container. Clear tells it to respect other floated elements, and to stay
out of their way. For example, if you have two float:left elements, they
will try to float next to one another, as long as their parent element is
wide enough to let them fit side-by-side. But if you set the second floated
element to clear left, it will not try to float next to the first floated
element, instead it will behave as if that first element wasn’t floated,
and stay out of its way entirely.Walter
On Jun 12, 2012, at 11:13 PM, RavenManiac wrote:
Sorry for all the questions today. I have just one more. What is the
“Clear” (Left, Right, Both) option for in the Inspector of an HTML item?
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options