Jump to content

Box model in IE


djp1988
 Share

Recommended Posts

I have this site: http://www.buildingblocksoftheweb.com/Forget about the horrid yellow, but the 3 div's have these properties in CSS:

#navigation {	text-align:left;	clear:both;	background-color:#EFEFEF;	font-size:14px;	float:left;	width:125px;	height:100%;	margin:2px 0px 2px 0;	padding:0 0 2px 3px;	border-top:thick;	border-top-style:double;	border-top-color:#000000;	border-right:thick;	border-right-style:double;	border-right-color:#000000;}#content {	background-color:#EFEFEF;	float:left;	width:640px;	height:100%;	margin:2px 5px 2px 5px;	padding:5 5 5 5;	border-left:thick;	border-left-style:double;	border-left-color:#000000;	border-top:thick;	border-top-style:double;	border-top-color:#000000;	border-right:thick;	border-right-style:double;	border-right-color:#000000;}#riCol {	background-color:#EFEFEF;	text-align:left;	float:right;	width:130px;	margin:2px 0 2px 0;	border-left:thick;	border-left-style:double;	border-left-color:#000000;	border-top:thick;	border-top-style:double;	border-top-color:#000000;}

In IE they do not appear correctly, but from what i gathered online, IE add the margin/border/padding inside the width of the div, but then they should be real close together? but they are far apart, what's wrong?

Link to comment
Share on other sites

My englob div is 928px wide, and so:128+660+130=918928-918=105+5=10 (margin of middle div)and so all the 928 pixels are being used up, But in IE they shouldn't be according to what i have read, it should be:125+640+130=895margin= 5+5 = 10total pixels used horizontally=905total pixels used horizontally in FF= 928and so I am surprised it seems that IE shows it needs more pixels to not shift the right div down to the bottom....

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...