Topic: Centering - IE & Moz problems (Page 1 of 1)

Working on a personal website, and trying to get the CSS-kinks worked out of it so it atleast displays properly in IE and Mozzila.

First attempt looks perfect in IE 6.0, but, borks up in Mozz (the top header is not centered above the content). I then tweaked around the CSS, and got it looking perfect in Moz, however, its now off-alined in IE and not looking right
http://65.50.81.109/kablog/index-1.asp?style=style-mos.xsl <-- looks fine in Moz, not IE http://65.50.81.109/kablog/index-1.asp?style=style2.xsl <-- Looks fine in IE, not Moz
http://65.50.81.109/kablog/moz-style.css is the CSS for the one that works in Mozz http://65.50.81.109/kablog/sitestyle2.css is the CSS for the one that works in IE

From what I can tell, IE and Moz handle the border widths differently (one includes it in the overall width, the other doesnt it looks like?)

any suggestions for a cross-browser workaround?

Hrmm, I think I got it fixed/working in both.

What I ended up doing was modifying the IE - 'working' CSS by using selectors (right term?) and adding things along the line of....

html>body #navbar {

width:500px;

float:left;

margin-left:25%; margin-right:25%;

}



html>body #navbar .content {

width:500px;

position:absolute;

top:339px;



}

Which, is giving me the desired result. Looks the same in IE and latest Firebird ... is this the best way of going about things?

Kaniz: i don't think you have to make things so complex - see:

:FAQ: How do I get vertical and horizontal centering with CSS?

___________________
Emps

The Emperor dot org