CSS-Tricks is brought to you in part by Media Temple, the web hosting that we both use and recommend.
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:
This reply has been reported for inappropriate content.
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.
Search for Stuff
Browse the Archives
Get the Newsletter
... or get the RSS feed