Log in

View Full Version : Browsers changes color?


Mysterious2207
06-10-2010, 11:28 PM
For some reason when I look at my forums in Chrome/Firefox/Safari it appears like this:
https://vborg.vbsupport.ru/external/2010/06/27.png

However, when I look at it in IE it shows like this:
https://vborg.vbsupport.ru/external/2010/06/28.png

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
06-10-2010, 11:36 PM
A link to your site so we can see your CSS would be helpful.

Mysterious2207
06-11-2010, 02:57 AM
<a href="http://www.runefall.com" target="_blank">http://www.runefall.com</a>

Lynne
06-11-2010, 01:56 PM
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
06-11-2010, 02:32 PM
No, I haven't visited the link on IE. It's the same issue for everyone, not only me.

Mysterious2207
06-13-2010, 04:04 AM
Bump!

BirdOPrey5
06-13-2010, 11:27 PM
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 1276475874 at 1276475874 ---------------

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 1276477296 at 1276477296 ---------------

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 1276478334 at 1276478334 ---------------

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 1276478796 at 1276478796 ---------------

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
06-14-2010, 08:59 PM
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 1276475874 at 1276475874 ---------------

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 1276477296 at 1276477296 ---------------

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 1276478334 at 1276478334 ---------------

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 1276478796 at 1276478796 ---------------

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
06-14-2010, 09:03 PM
No problem... it was fun actually. :D