JoReL Posted January 23, 2013 Share Posted January 23, 2013 Hi, im having a little problem with a css menu bar displaying correctly on internet explorer but on firefox not showing it correctly. the problem is that the color I set on the css code is a red one, but firefox shows a blue color. I tried with other browsers to see if there was a problem with the code but for chrome,safari an ie the color shows correctly, having only firefox with the bad color displayed. Here is the code of the menu bar on the css: #menu {list-style:none;width:1160px;margin:30px auto 0px auto;height:43px;padding:0px 20px 0px 20px;/* Rounded Corners */ -moz-border-radius: 1px;-webkit-border-radius: 1px;border-radius: 1px;/* Background color and gradients */ background: #C81F18;background: -moz-linear-gradient(top, #0272a7, #013953);background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#013953)); I looked everywhere on the code to see if there is a misplaced color or a syntax error but haven't found it. Thanks in advanced for your time and help. Link to comment Share on other sites More sharing options...
dsonesuk Posted January 23, 2013 Share Posted January 23, 2013 The red is from background: #C81F18; the blue gradient is from background: -moz-linear-gradient(top, #0272a7, #013953);background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#013953));This will cancel out the red background colour, the code for gradient targets FF, Safari, Chrome browsers only! these will and do show the blue gradient, and because IE does not recognise these it will show the red background 1 Link to comment Share on other sites More sharing options...
JoReL Posted January 23, 2013 Author Share Posted January 23, 2013 Hey! Thanks a lot dsonesukI remember cheking this part of the code a,d changing the values but I dont remember resolving it.Is this a CSS rule when using background colors and gradients?? Link to comment Share on other sites More sharing options...
dsonesuk Posted January 23, 2013 Share Posted January 23, 2013 The background-color: set at beginning is set to allow for those browsers that do not support CSS3 gradient background (older IE), a normal plan background colour to fall-back on. 1 Link to comment Share on other sites More sharing options...
JoReL Posted January 23, 2013 Author Share Posted January 23, 2013 Hmm... looks like I need some more reading. Thanks for your help again. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now