Blasted 100% height issues... — OZONE Asylum, home of the Mad Scientists

This page's ID: 11011

Edit Post

Who can edit a post?	The poster and administrators may edit a post. The poster can only edit it for a short while after the initial post.

Your User Name:
Your Password:
Login Options:	Remember Me On This Computer

Your Text: Insert Slimies » Insert UBB Code » Close Last Tag \| All Tags UBB Help	Hmm.... A few things to note: 1. You have a margin [edit: i mean padding] on the page. 100% means 100% of the "viewport" window and the margins add to the height of the page, and that's why you have the scrollbar. 2. You have a border on the div. The CSS "box model" states that borders (and padding) be ADDED ON TO the div width and height. Therefore, the size of the div is actually (100% + 2 pixels). 3. Your 100% height declaration only works in IE. I don't know why but it's not showing up in Netscape/Mozilla/Firebird. It's only about 30px high in those browsers. Just thought you might wanna know. Are you sure you understand the box model? I wasn't speaking about IE5's problems with it, I was speaking of your understanding of it, that padding and borders add to the dimensions and are not part of it. And yes, IE5 gets it wrong and puts it inside. EDIT: Oooh, solved the problem in Netscape/Moz/FB.. Just add this code: html { height: 100%; } For some reason, the Gecko rendering engine requires that even the <html> container's height to be set. [This message has been edited by ozphactor (edited 07-16-2003).] [This message has been edited by ozphactor (edited 07-16-2003).] Loading...
Options:	Enable Slimies Enable Linkwords

Edit Post