browsers not displaying page correctly

[jadegirl]

Can someone help?

 

I developed my site in ie 6.0 and I downloaded netscape, opera and firefox to view my site and in all of them the stylesheet is differentMy Webpage

 

either the categories header isn't displayed(opera)

the background colour appears all over(all 3)

or the logos at the bottom shift around.

 

Any idea what I'm looking for to correct this. I'm a complete novice and its taken a month for me to get this far.

 

thanks

 

Renee

[zwayne]

Can someone help?

 

I developed my site in ie 6.0 and I downloaded netscape, opera and firefox to view my site and in all of them the stylesheet is differentMy Webpage

 

either the categories header isn't displayed(opera)

the background colour appears all over(all 3)

or the logos at the bottom shift around.

 

Any idea what I'm looking for to correct this. I'm a complete novice and its taken a month for me to get this far.

 

thanks

 

Renee

 

Whenever you develop a website - particularly when you make changes to a stylesheet - you should view in multiple browsers.

 

Without getting too deep into stylesheet issues, on your site

 

BODY {

text-align: center;

margin: 0px;

background-image: url("http://i82.photobucket.com/albums/j245/babydiva_photo/gradient96391.png");

}

 

is setting the background color for Firefox, including the tables (where products and such are displayed.) If you remove background-image, you'll see what I mean.

 

Try adding a TABLE style to your stylesheet and see if that accomplishes what you want for the background color. E.g.,

 

TABLE {

background-color: #FFFFFF;

}

 

I didn't see the other problems that you mentioned.

[jadegirl]

Whenever you develop a website - particularly when you make changes to a stylesheet - you should view in multiple browsers.

 

Without getting too deep into stylesheet issues, on your site

 

BODY {

text-align: center;

margin: 0px;

background-image: url("http://i82.photobucket.com/albums/j245/babydiva_photo/gradient96391.png");

}

 

is setting the background color for Firefox, including the tables (where products and such are displayed.) If you remove background-image, you'll see what I mean.

 

Try adding a TABLE style to your stylesheet and see if that accomplishes what you want for the background color. E.g.,

 

TABLE {

background-color: #FFFFFF;

}

 

I didn't see the other problems that you mentioned.

Thanks. The background colour is now fixed but the problem with the headers in the main section now appears on all browers except ie.

 

here is a screen shot

 

[jadegirl]

It should look likt this from IE

 

[zwayne]

Your site now looks mostly the same in both Firefox & IE.

 

Still need to fix your box heading - not visible in Firefox. See TD.infoBoxHeading in your stylesheet.

[jadegirl]

Your site now looks mostly the same in both Firefox & IE.

 

Still need to fix your box heading - not visible in Firefox. See TD.infoBoxHeading in your stylesheet.

 

Thanks a bunch. All sorted :wub: