Browser Display Issues?

by art72

Posted: 11 years ago 6 replies

WEB DESIGN

Hi All,

While I do my best to check the display of my sites in all major browsers (IE, Chrome, Firefox) there seems to be a HUGE difference in 'colors' being displayed on my nav bars.

In IE and Chrome it appears as it should alternating maroon and tan, and inverting these colors when hovered over. Yet, in Firefox, the maroon looks pinkish, and when hovered over it simply goes generic... grey highlight with black lettering. -Looks like crap!

Is there some fix for this?

I am using Optimize Press to design this site, and assumed the color Hex codes I chose would be universally displayed on ALL browsers.

Not exactly sure what is causing this 'ugly' display on Firefox browser...Anyone?

Thanks,

Art

#browser #display #issues

Michael71 11 years ago

I do not know your CSS... so how can I know what the problem is???

It's for sure a CSS problem.
- Thanks
Signature

HTML/CSS/jQuery/ZURB Foundation/Twitter Bootstrap/Wordpress/Frontend Performance Optimizing
---
Need HTML/CSS help? Skype: microcosmic - Test Your Responsive Design - InternetCookies.eu
{{ DiscussionBoard.errors[7857236].message }}
art72 11 years ago

Understanding that it is a css issue, then I presume not all style sheets display the same in all browsers?

I suck at writing/designing css, so this is waaayyyy outta my league. But like I said, I was under the impression that hex color codes were universal... and until now I have never seen anything like this before.

Based on your response, I may have learned; the 'style sheet' being used (in Optimize Press) may be creating the problem, not necessarily the color codes themselves.

Edit: Correction... this problem is happening in both Chrome and Firefox browsers, and only displays properly in IE.
- Thanks
Signature

Atop a tree with Buddha ain't a bad place to take rest!
{{ DiscussionBoard.errors[7857294].message }}
Michael71 11 years ago

And I still do not know your site... so I can't help much
- [ 1 ] Thanks
Signature

HTML/CSS/jQuery/ZURB Foundation/Twitter Bootstrap/Wordpress/Frontend Performance Optimizing
---
Need HTML/CSS help? Skype: microcosmic - Test Your Responsive Design - InternetCookies.eu
{{ DiscussionBoard.errors[7857350].message }}
Istvan Horvath 11 years ago

While the color codes are "universal" - the way different browsers render them and how different monitors display them, can be completely different.
- [ 1 ] Thanks
Signature
{{ DiscussionBoard.errors[7857809].message }}
codingku 11 years ago

what is your site ?
- Thanks
- 1 reply
Signature

My Games: kung fu master
- Kung fu Games
{{ DiscussionBoard.errors[7857877].message }}
- art72 11 years ago
  
  Originally Posted by codingku
  
  what is your site ?
  
  It's very bare bones right now (no content yet) as I am working on designing it, so not much to see, here's the site:
  
  Exploited Media
  
  Thanks,
  
  Art
  
  Thanks
  
  Signature
  
  Atop a tree with Buddha ain't a bad place to take rest!
  
  {{ DiscussionBoard.errors[7862099].message }}