Opera and Netscape don't like CSS background colors :(

jag5311 posted this at 22:30 — 29th December 2002.

Joined: Jan 2002

I have a few cells that I want particular background colors, along with border colors and it obviously works in IE, but now it won't even show up in Netscape 6.2 and Opera.

http://gamecubecheatsnet.powweb.com/ssgb/example.htm

I don't understand whats wrong with the code or whatever.

Its the monthly specials cell and the menu at the top.
Thanks
bryan

Suzanne posted this at 01:19 — 30th December 2002.

She has: 5,507 posts

Joined: Feb 2000

I use a relative to root url for images in the CSS -- that usually resolves issues. N4.x looks for images relative to the CSS file, or is it relative to the .html file. I can't remember now, but relative to root is the best option all around, for the best results.

jag5311 posted this at 03:19 — 30th December 2002.

They have: 202 posts

Joined: Jan 2002

I don't understand what you mean by "relative to the root url" because it isn't an image I am assigning, but a simple background color.

I just need a little more description

Thanks
Bryan

Renegade posted this at 04:05 — 30th December 2002.

He has: 3,022 posts

Joined: Oct 2002

Can you post the bit of code that's giving you this problem?

Suzanne posted this at 05:04 — 30th December 2002.

She has: 5,507 posts

Joined: Feb 2000

If it's just a background color, there is something wrong with your code, as that is supported (and well) in both Netscape and IE.

.menubg {
	background-image: url(images2/ssgbnew_r3_c1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.menubg2 {
	background-image: url(images2/ssgbnew_r4_c1.jpg);
	background-repeat: repeat;
	background-position: left top;
}

That's where you have backgrounds. No background-color at all.

.menubord {
	border: 1px solid #003366;
	color: #003366;
	background-color: #6699CC;
}

This has a background-color, but there is nothing wrong with it.

Everything else is in the HTML. If you want to use CSS, quite seriously, remove all HTML markup that should be done with CSS and put it all (as much as possible) in the stylesheet. Not only will it be easier to troubleshoot, it'll also work better.

I don't see anywhere else you've used background-color -- why not give a more specific example, or a snip of code?

dk01 posted this at 07:56 — 30th December 2002.

He has: 516 posts

Joined: Mar 2002

I have not looked at your code but try using the background shorthand code instead of the background-color code. This means it would be:
background: none #6699CC repeat scroll 0% 0%;

Also. I beleive that some versions of NS 4 only support layer background colors like this:
layer-background-color: #6699CC;

Hope that helps.
-dk

Renegade posted this at 09:53 — 30th December 2002.

He has: 3,022 posts

Joined: Oct 2002

Try adding a background-color:#??????; to your style, it may help

jag5311 posted this at 22:42 — 1st January 2003.

They have: 202 posts

Joined: Jan 2002

ok, lets forget the left side, I am more concerned with the top menu and the part that says Monthly Specials

here is the code that I currently have set for the page. The .menubord is in between the tags

}
.menubord {
border: 1px solid #003366;
color: #003366;
background-color: #6699CC;
}

Home
F.A.Q.
Contact
Privacy
Policy
Custome
Servicer

here is the code for the Monthly Specials

Monthly Specials

thanks
Bryan