Hi,

If I have:

Code: Select all
     <div id="box1">
        <div id="box2">
        </div>
     </div>

and I do:

Code: Select all
     #box1 { width:500px;  height:200px; }
     #box2 { width:100%; height:100%;  padding:10px; }

The 10px padding of #box2 will be allocated outside of #box1.  
According to the box model, this is the correct behavior (except for  
buggy IE6). But that is not what I want, I want the padding for #box2  
remain inside #box1 and keeping the width in %.

How can I do that?

Thanks.

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
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