Browser Problems -- CSS?

[Piscosour]

I am a real newby on css, i just created this site and I want it centered to the screen. It looks fine on IE, Firefox, Opera but it appears aligned to the left of the screen on Netscape 6.2.
What Am i doing wrong? {maybe everything..? } :(

The page is here http://projects.webxample.com/dwa/

Here is the css________________________

body {
margin: 0px 0px 0px 0px;
padding:0px;
background-image:url(../images/bg.gif)
}

#contentwrapper {
background-image:url(includes/images/bg.gif)
width: 100%;
height:100%;
text-align:center;
margin: 0 auto;
}

#centerWrapper
{
width:780px;
text-align:center;
position:relative;
margin: inherit;
margin-top: 7px;

}


Thanks guys

BTW, I didn't design the bells.

[EC]

I don't have netscape 6.2, but just a stab - have you tried setting the body to margin: 0 auto, text-align: center ... ?

W3 doesn't even show netscape in their radar as far as % of users as of last month, hmm. http://www.w3schools.com/browsers/browsers_stats.asp. Prior months had most current versions 7 & 8 at .2%. So.

[Jackimalyn]

just wondering while looking at your code, why'd you use 3 style sheets for one page?

[Piscosour]

just wondering while looking at your code, why'd you use 3 style sheets for one page? I guess I did it just because I wanted that color as a background and when I place it in the body it didn't work in Fireforx, so I created the other <div> and it worked.. but as i said, i probably could have done soemthing different.
#centerWrapper goes inside #content wrapper.

[Piscosour]

I don't have netscape 6.2, but just a stab - have you tried setting the body to margin: 0 auto, text-align: center ... ?

W3 doesn't even show netscape in their radar as far as % of users as of last month, hmm. http://www.w3schools.com/browsers/browsers_stats.asp. Prior months had most current versions 7 & 8 at .2%. So. This information helps me a lot actually :) it is a nightmare trying to satisfy 4 different browsers... :)

[EC]

I think she means how come you don't combine all of your styles into one sheet? I use multiple sheets pretty rarely, sometimes it's because I've got different stuff going on in different sections of the site.

Another totally nitpicky thing you didn't ask about, just a tip really -- I once read that "CSS dudes" laugh when they see 0px. :eek: You can just use 0 without the px. :D

[EC]

This information helps me a lot actually :) it is a nightmare trying to satisfy 4 different browsers... :)

I try to test on all modern browsers. In fact, in my contract, it states that I will test on most recent versions of the biggies Firefox, IE, Safari is tough because I don't have a mac but you can use screen capture sites, Opera and Netscape if I remember. I test for IE 6 & 7 since it's such a large share of the market. I always use a compliant browser while I'm building, then 99.999% of the time if there are issues it's IE 6 so I write conditionals for those.

I personally would not test for Netscape 6, unless my clients specifically ask me in advance (also in my contract to test for older browsers, they need to specify).

[Piscosour]

I think she means how come you don't combine all of your styles into one sheet? I use multiple sheets pretty rarely, sometimes it's because I've got different stuff going on in different sections of the site.

Another totally nitpicky thing you didn't ask about, just a tip really -- I once read that "CSS dudes" laugh when they see 0px. :eek: You can just use 0 without the px. :D Well, because I wanted to separate the mouse over effect, and the scroll bar effect. One css for text and div, another for the mouse over effect for hyperlinks and another one for the scroll bar colors for IE. I tried to put everything in just one CSS but it didn't work.

Next time no more px (I like writing px though)

[EC]

haha I know, I sometimes go back and remove that when I'm done. heehee.

[Piscosour]

I try to test on all modern browsers. In fact, in my contract, it states that I will test on most recent versions of the biggies Firefox, IE, Safari is tough because I don't have a mac but you can use screen capture sites, Opera and Netscape if I remember. I test for IE 6 & 7 since it's such a large share of the market. I always use a compliant browser while I'm building, then 99.999% of the time if there are issues it's IE 6 so I write conditionals for those.

I personally would not test for Netscape 6, unless my clients specifically ask me in advance (also in my contract to test for older browsers, they need to specify).Could you give me a URL for one screen capture site? I don't have a MAC here either.

[EC]

http://www.browsrcamp.com/

[Piscosour]

http://www.browsrcamp.com/


Cool, i appreciate it.