vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vB3 General Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=111)
-   -   Browsers changes color? (https://vborg.vbsupport.ru/showthread.php?t=244373)

Mysterious2207 06-10-2010 11:28 PM

Browsers changes color?
 
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

Quote:

Originally Posted by Lynne (Post 2052044)
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:
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:
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:
Code:

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

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

Quote:

Originally Posted by BirdOPrey5 (Post 2053171)
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:
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:
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:
Code:

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

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


All times are GMT. The time now is 09:27 PM.

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.01109 seconds
  • Memory Usage 1,747KB
  • Queries Executed 10 (?)
More Information
Template Usage:
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (8)bbcode_code_printable
  • (2)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (9)printthreadbit
  • (1)spacer_close
  • (1)spacer_open 

Phrase Groups Available:
  • global
  • postbit
  • showthread
Included Files:
  • ./printthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/class_bbcode_alt.php
  • ./includes/class_bbcode.php
  • ./includes/functions_bigthree.php 

Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • printthread_start
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete