Page 1 of 1

Box Model Hack

Posted: Fri May 27, 2005 11:32 am
by ljCharlie
Will anyone explain to me what the Box Model Hack is? This is the page I'm looking at:

http://www.tantek.com/CSS/Examples/boxmodelhack.html

I did the exact thing on my page and it doesn't turn out to be like the example that's shown on that page. Somehow the box shown on Mozilla Firefox is longer than what is showing on IE6.

One thing I don't understand is the following code:

Code: Select all

#maincenter {
	width:280px;
	float:left;
	padding: 0;
	}
html>body #content #maincenter {
	width: 280px; /* ie5win fudge ends */
	}
Specifically, what is html>body #content #maincenter means? I have seen people use it alot but I'm not sure how to use it and why use it. Any explanation is greatly appreciated.

Posted: Fri May 27, 2005 11:34 am
by ljCharlie
Sorry, I posted in the wrong forum. Maybe it should be in the CSS forum.

( JAM | You're right. Fixed. :wink: )

Posted: Fri May 27, 2005 11:50 am
by Chris Corbyn
:arrow: Moved to client side :wink:

( JAM | Hah! :lol: )