My goal is to make the second div take as much space as it needs. If the browser window is to small the scrollbar should appear inside the div. Working fine in Webkit but not in Firefox.
I’m guessing that the problem have something with:
- max-height
- height: 100%
- max-height & margin.
If I give HTML and BODY height and/or max-height the max-height is working but the extra margin on the body is not working — Not in Webkit or Firefox.
You can find the code here:
http://dl.dropbox.com/u/514866/uploaded/box-test.html
Thank you for your time.
Your chosen doctype of
<!HTML>does not trigger standards mode, so your page is being displayed in quirks mode.Try changing your doctype to
<!DOCTYPE html>, and then repeating your tests.