Cross Browser Site issues

[gingerj]

Hi I've been developing a site using xhtml+css for a friend. I've just started doing freelancing, and it looks fine in IE. Then I loaded it in NT and it looks awful. I was wondering if anyone could point me in the right direction as I must be doing something wrong but I'm not sure what?

I've attatched what the site should look like in IE, and then what it looks like in NT so you know what I'm talking about.

Btw dont worry about the orange bit it's to help you guys see the cellspacing etc... It'll be white once my problems are solved

Thank you very much for any help/comments/advice!

IE
NS

[Tetsuo]

General rule of thumb: develop in a standards complient browser first (Firefox etc) THEN sort out the bugs in IE. IE has it's own curious (wrong) way of rendering things, especially with CSS.

[gingerj]

Well this time around its inverted :P

IE = Fine

And NS it's wack, when normally its the other way around as you said. Do you have any ideas as to why its going crazy?

[babs]

have you got a live link or the css/source available?

[gingerj]

p {
text-align: center;
font-family: sans-serif;
font-size: 11pt
}

body {
background-color: #ffffff;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px
}

a {
color: #000000;
font-size: 11pt;
font-weight: bold;
text-decoration: none;
font-family: sans-serif;
}

a:HOVER {
color: #000000;
font-size: 11pt;
font-weight: bold;
text-decoration: underline;
font-family: sans-serif;
}

table.imageheaders {
background-color: #ff9900;
border-width: 0px;
width: 700px;
height: 40px;
text-align: left
}

table.mainheader {
width: 700px;
height: 210px;
border-width: 0px
}

table.maincontent {
width: 700px;
border-width: 0px
}

td.left {
width: 400px;
font-family: sans-serif;
font-size: 11pt;
text-align: left
}

td.right {
width: 300px;
font-family: sans-serif;
font-size: 11pt;
text-align: left
}

#container {
position: fixed;
width: 700px;
margin: 0px auto;
text-align: center;
}

I've got another problem, Tatsuo in a previous post told me to use that bottom container css statement for a div tag to center everything. Well when I use it it centers in in NetScape but doesn't center it in IE, but then I got back to my p tag and it centers it in IE and not in NS

[gingerj]

Solved the problem I used the Transitionl DTD model, and I get away with using <div align="center> old, but it works I'd loev to see a cross browser solution though :P

[Tetsuo]

I've got another problem, Tatsuo in a previous post told me to use that bottom container css statement for a div tag to center everything. Well when I use it it centers in in NetScape but doesn't center it in IE, but then I got back to my p tag and it centers it in IE and not in NS

I've updated a full code example (xhtml, works in IE and Firefox) in the other thread you mentioned, so if you're still wanting to use xhtml, try it