Friends

I have problems getting my sizing of divs correct.


Given the HTML:

<div class="A">A B C
    <div class="B">E F G</div>
</div>

.A {
    width=100%;
    border:2px solid blue;
}
.B {
    width=50%;
    border:1px solid red;
}

I want to make the nested div half the width of the outer div.  But they
both expand to the fill width.

Clearly I am missing something elementary.  Some times I can make this
work, some times I cannot, and I confess I have confused myself.

cheers
W

PS I see some people on this list are using http://jsfiddle.net/.  I
used it to test this code but I cannot work out how to generate a link.
 It does not help that I cannot decipher the captcha to sign up.
Perhaps I am not really a person....

-- 
Why is the legal status of chardonnay different to that of cannabis?
       worik.stan...@gmail.com 021-1680650, (03) 4821804
                          Aotearoa (New Zealand)
                             I voted for love
______________________________________________________________________
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/

Reply via email to