Subject: IE & Firefox
Posted By: glynmo Post Date: 8/16/2006 2:07:08 AM
Hey guys

My problem has been frustrating me for a while now and after searching many different forums i thought i could post here and see if ay of you could help me out.

My dilema is that i have made a page with a static single picture background, then using a centered container im using position: absolute;  for all the objects within.

My problem is that the page layout is slightly different in IE and Firefox, currently all i have on there is the proposed navigation bar but IE places it a little further up the page than what Firefox does. How can i make both browsers place the nav bar and any other elements in the right vertical position?

Heres the page
www.mcicomputers.com/test/index.html

And the css
http://www.mcicomputers.com/test/style.css

Any workarounds or help is greatly appreciated

Thanks Glyn
Reply By: meow Reply Date: 8/16/2006 2:26:52 AM
I think it's because you are relying on the default margins and padding the browsers add on elements. Start with taking those away.

body     { margin: 0; padding: 0 }
#nav p   { margin: 0 }

There. Now it looks the same in both browsers, even of not as you want. You can take it from there.

--
http://yupapa.com
Reply By: glynmo Reply Date: 8/16/2006 2:29:30 AM
Awesome! Thanks heaps, problem solved.


Go to topic 48422

Return to index page 203
Return to index page 202
Return to index page 201
Return to index page 200
Return to index page 199
Return to index page 198
Return to index page 197
Return to index page 196
Return to index page 195
Return to index page 194