On Jun 6, 2012, at 18:02 , Georg wrote:
> On 06.06.2012 18:16, mem wrote:
>> Can you please take a look on the following snipped and either edited and/or
>> explain here, why, when we add a *percentage* value on margin, we get some
>> li to drop the float ?
>>
>> http://jsfiddle.net/vNmjS/
>
> Question: how wide is the float? :-)
I believe it is, as wide as their contents.
And that should be X% wide.
But not 100% wide, unless, their contents correspond to the totality of the
container.
I still not get with if we do px or em it don't drop, and if we use % it
drops...
>
> A more normal way to do this, is to declare...
>
> div#container {
> float: right; /* or 'left' */
> text-align: right;
> width: 100%;
> }
>
> ...which provides enough space in most cases. The ul itself will of course
> work fine as only container, with a similar styling.
I see that we float right an element of 100% width. That seems to take no
effect on their contained elements, it only takes effect when we text-align:
right the inline or text elements inside.
Indeed it works but I still don't totally understand the solution.
Why should we declare a width of 100% will it not normally taken as 100% by
default ?
Please discard all nonsense that I may be saying here.
>
> regards
> Georg
Thanks a lot,
mem
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
