While editing my Web site the other day I encountered an interesting problem.
For some reason W3C decided that overlow property for some reason should only provide scroll if element has fixed size and/or absolutely positioned (I guess that’s what is the ‘explicit size’). I.e. <div style=”height:100px; overflow:auto”> works while <div style=”height:100%; overflow:auto”> does not and instead div is rendersed fully strethed around its content and if content is tall enough, the div will extend well below the window bottom. What is really odd is that in case of
<div style=”height:100%; overflow:auto”>
div extends below the table bottom as well. Apparently it is what standard implies since Opera, Mozilla and IE6 in strict mode all render the page identically. In non-strict mode IE6 renders div confined inside the table cell and display vertical scroll bar in the div. That is what I expected, but apparently I expected wrong thing ;-).