Browsers changes color?

[Mysterious2207]

For some reason when I look at my forums in Chrome/Firefox/Safari it appears like this:


However, when I look at it in IE it shows like this:


I changed the colors so that it can look like the image shown when opening in IE.
It just doesnt seem to work on any other browser.

Also, I made sure it wasn't a problem on my side only.. I asked a few others and it's the same.
How do I get this working?

[Lynne]

A link to your site so we can see your CSS would be helpful.

[Mysterious2207]

<a href="http://www.runefall.com" target="_blank">http://www.runefall.com</a>

[Lynne]

Are you sure it isn't because in IE your've 'visited' the link? You've got it set so visited links are that teal color.

[Mysterious2207]

No, I haven't visited the link on IE. It's the same issue for everyone, not only me.

[Mysterious2207]

Bump!

[BirdOPrey5]

Originally Posted by Lynne

Are you sure it isn't because in IE your've 'visited' the link? You've got it set so visited links are that teal color.

I can confirm... in google chrome it shows up as "very" blue, when I use the IE tab for chrome it shows up in the more 'turquoise' color blue, just like he posted.

Strange one IMO... maybe the .css isn't quite formatted right and IE is a bit more forgiving? I'm not a css expert so it wouldn't help much for me to see it.

--------------- Added [DATE]1276475874[/DATE] at [TIME]1276475874[/TIME] ---------------

OK so I played with this anyways... In IE the color of those links is being controlled by the code:

a:link, body_alink
{
	color: #2687A9;
}

I know because I saved it locally, changed it to #c0c0c0; and in IE the links turned grey, like they should, but in Chrome/FF they stayed blue, so my guess is at some point something is over-riding your first decoration... I will look and see if I can find anything, something is obviously causing it to turn blue.

--------------- Added [DATE]1276477296[/DATE] at [TIME]1276477296[/TIME] ---------------

So I'm lost... I searched all your code an no where do I see the word "blue" nor the hex color for blue (0000FF) and when I put your page into my photo editor the hex code for your exact blue was 0000EE, also no where to be found in your source code...

OK I deleted all your CSS and 99% of the HTML from the file and the links are still showing up blue... that's when I realized they are blue because that is the default color of links in FF/Chrome/etc... when I changed the default to red all your links changed to red even in the original file... Therefore for whatever reason Chrome and Firefox are ignoring this code completely and have undefined link colors... like I said I'm no CSS expert but the problem is obviously with this bit of code:

a:link, body_alink
{
	color: #2687A9;
}

--------------- Added [DATE]1276478334[/DATE] at [TIME]1276478334[/TIME] ---------------

OK it appears your code is spot on... I don't know why but when I move the alink code directly below your line: <style type="text/css" id="vbulletin_css">
everything works- correct colors in all browsers... damned if I can figure out WHY but it works.

--------------- Added [DATE]1276478796[/DATE] at [TIME]1276478796[/TIME] ---------------

Eureka!
In your .body deffinition you have a } bracket facing the wrong way, it should be:

 fixed{url(images/body_bg.jpg); background-repeat: no-repeat; background-attachment: fixed};

You have:

 fixed}url(images/body_bg.jpg); background-repeat: no-repeat; background-attachment: fixed};

That is what was killing the tag below it in the other browsers. IE didn't care.

[Mysterious2207]

Originally Posted by BirdOPrey5

I can confirm... in google chrome it shows up as "very" blue, when I use the IE tab for chrome it shows up in the more 'turquoise' color blue, just like he posted.

Strange one IMO... maybe the .css isn't quite formatted right and IE is a bit more forgiving? I'm not a css expert so it wouldn't help much for me to see it.

--------------- Added [DATE]1276475874[/DATE] at [TIME]1276475874[/TIME] ---------------

OK so I played with this anyways... In IE the color of those links is being controlled by the code:

a:link, body_alink
{
	color: #2687A9;
}

I know because I saved it locally, changed it to #c0c0c0; and in IE the links turned grey, like they should, but in Chrome/FF they stayed blue, so my guess is at some point something is over-riding your first decoration... I will look and see if I can find anything, something is obviously causing it to turn blue.

--------------- Added [DATE]1276477296[/DATE] at [TIME]1276477296[/TIME] ---------------

So I'm lost... I searched all your code an no where do I see the word "blue" nor the hex color for blue (0000FF) and when I put your page into my photo editor the hex code for your exact blue was 0000EE, also no where to be found in your source code...

OK I deleted all your CSS and 99% of the HTML from the file and the links are still showing up blue... that's when I realized they are blue because that is the default color of links in FF/Chrome/etc... when I changed the default to red all your links changed to red even in the original file... Therefore for whatever reason Chrome and Firefox are ignoring this code completely and have undefined link colors... like I said I'm no CSS expert but the problem is obviously with this bit of code:

a:link, body_alink
{
	color: #2687A9;
}

--------------- Added [DATE]1276478334[/DATE] at [TIME]1276478334[/TIME] ---------------

OK it appears your code is spot on... I don't know why but when I move the alink code directly below your line: <style type="text/css" id="vbulletin_css">
everything works- correct colors in all browsers... damned if I can figure out WHY but it works.

--------------- Added [DATE]1276478796[/DATE] at [TIME]1276478796[/TIME] ---------------

Eureka!
In your .body deffinition you have a } bracket facing the wrong way, it should be:

 fixed{url(images/body_bg.jpg); background-repeat: no-repeat; background-attachment: fixed};

You have:

 fixed}url(images/body_bg.jpg); background-repeat: no-repeat; background-attachment: fixed};

That is what was killing the tag below it in the other browsers. IE didn't care.

You don't know how much I appreciate all your help.
Thank you so much!

[BirdOPrey5]

No problem... it was fun actually.