Jump to content
puntNL

IE 8, 9, 10 menu bar gradient issue

Recommended Posts

puntNL    0
puntNL

Why is internet explorer not displaying the nice gradient within the apple-like menubar in iBlogPro5? makes it equal grey instead.

How can I fix that?

see attachment

Share this post


Link to post
Share on other sites
Rob    547
Rob

First, let me preface by saying that it's important to put browsers like IE8 and 9 in a historical context, adding that both were created before the CSS3 conventions came about.   That said,  IE has had issues with gradients, opacity, image resizing and any number of things taken for granted today in other browsers. 

 

See this for reference: https://developer.mozilla.org/en-US/docs/CSS/linear-gradient

 

Now that I have that out of my system, there's a bit in that link for Browser compatibility.  It will show you what I mean.  Below, you'll see Cross-browser gradients which will show the type of code needed to make a gradient show across browsers.  Even with this, I'm unsure if IE8 will accept it.

 

If you've modified your code for the menu in any way, it's possible you did not include code that makes it compatible with all the other browsers. Even if not, it may simply not work in IE8 or even 9.

 

Please let us know if you've done any color-based modifications and we can pick it up from there.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
puntNL    0
puntNL

Thanks for your comprehensive answer and link. IE is the only browser that execute these things wrong by nature. Unfortunately, many people still work with ie8/9/10.

I will try to get it fixed and let you know if I succeed (at least in ie 10..?!)

Share this post


Link to post
Share on other sites
James B    436
James B

We'll leave this thread open so you can update, if you manage to resolve using css please let us know and mark the thread solved :-)


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
dalia    0
dalia

Hi,

Regarding this back to the past issues, with IEs, How can i have the site detect these browser and thus sending them to some acceptable css for my site to look decent ? Note that I have very little coding knowledge that's why i use pagelines!!

im thinking of simple css like no round corner no gradients etc.

 

site is www.globalrecobros.com

 

Thanks in advance 

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

Hello Dalia - please create you own topic for this and we will take a look for you, 

 

Thanks 


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites

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 account

Sign in

Already have an account? Sign in here.

Sign In Now


×