why my text body is off in FireFox
Posted: Thu Aug 13, 2009 9:15 am
PLZ HELP! I am not going to pull my hair out over this, but I finally got my page to center in both FireFox and IE and now the body text is off (leaning too far to left) in Firefox but perfect in IE. This is the URL: http://ap.com.msu.edu/NEW/index2.php
Here is my CSS
body {
width: 800px;
margin:20px 0px;
padding:0px;
background-color:#FFFFFF;
}
div#container {
position: absolute;
top: 50%;
left: 50%;
width: 50em;
height: 50em;
margin-top: -25em; /*always take 1/2 from the size of the height, they have to be negative*/;
margin-left: -25em; /*always take 1/2 from the size of the width, they have to be negative*/
}
Here is my CSS
body {
width: 800px;
margin:20px 0px;
padding:0px;
background-color:#FFFFFF;
}
div#container {
position: absolute;
top: 50%;
left: 50%;
width: 50em;
height: 50em;
margin-top: -25em; /*always take 1/2 from the size of the height, they have to be negative*/;
margin-left: -25em; /*always take 1/2 from the size of the width, they have to be negative*/
}