IE and Firefox render absolute positioning differently?

They have: 3 posts

Joined: Aug 2007

Hello. My website is almost complete, but IE and Firefox seem to render absolute positioning differently, below are the urls to a couple of screenshots. You'll see that in Firefox (the first image), the text lines up on the background, but on IE (the second image), it doesn't.


http://img46.imageshack.us/img46/5348/firefoxpagefq7.jpg


http://img337.imageshack.us/img337/9043/iepagebb5.jpg

The page code in question is located at http://xenvault.mygamesonline.org/xenindex.php

I hope that's legal as I'm not advertising, this is a temporary, closed page.

Can anyone tell me how to fix this issue? Thanks so much.

teammatt3's picture

He has: 2,102 posts

Joined: Sep 2003

IE and Firefox have different default paddings and margins for . Try putting this in your CSS

body {
margin:0;
padding:0;
}

How's that?

They have: 3 posts

Joined: Aug 2007

teammatt3;223404 wrote: IE and Firefox have different default paddings and margins for . Try putting this in your CSS

body {
margin:0;
padding:0;
}

How's that?

No difference in either browser, but thanks for the suggestion. I just might do that, sitesupport.

sitesupport's picture

He has: 190 posts

Joined: Jun 2007

They do display some tags and content slightly different, you may want to just make you background bigger so it works for both of them.

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.