If I have:
and I do:
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?
Why do you want to keep the width of box2 in % when its fixed at 500px because of box1?
If you want 10px padding inside box1, just have:
So if you change the width of box1 in the future, box2 will automatically expand to fill it completely.
If you don’t give box2 a fixed width, it’s going to fill the available space of it’s parent by default ;)
Sorry but I forgot to mention the #box2 is floated.
Why are you floating box2? Post a link to your site or a representation of what you’re looking to achieve.
Because #box2 contains floating elements, and in order to wrap those elements, I need to float #box2 and also #box1…
I don’t have any example on hand right now, =(
You must be logged in to reply to this topic.
*May or may not contain any actual "CSS" or "Tricks".