CSS box model hacks
Consider that you want to display some DIV inside another DIV where the inner DIV always fills out the outer DIV completely:
Width is already correct because the default value of auto keeps the inner DIV at maximum width. So only the height:100% style is needed for this scenario. But what if the inner DIV also has some padding or a border? Then the percent values will not work because according to the W3C box model the border and the padding is added to the width and height. So the inner DIV gets too large. In standard compliant browsers (Even in IE7) this can be solved pretty easy. IE6 needs a little hack. Read on...
Continue reading "CSS box model hacks"