Build Your Own Business Website header image

Welcome to our Members Only Forum

You are welcome to view the content on our Forum, just scroll down to view this forum post.
If you like what you find and want to be able to post a question, please check out our subscription options.
Please feel free to search the forum using either the Google Site Search above or the forum search below.

Avatar
Search

— Forum Scope —




— Match —





— Forum Options —





Minimum search word length is 3 characters - maximum search word length is 84 characters

sp_Feed sp_TopicIcon
Nav Menu is different Color and different width in IE
Avatar
Gregory Engelbrecht
Member
Members

Community Member
Forum Posts: 21
Member Since:
September 12, 2012
sp_UserOfflineSmall Offline
1
October 11, 2012 - 10:32 am
sp_Permalink sp_Print sp_EditHistory

Hello! 

I used your Nav menu plugin to create the menu for my website. It looks great in Firefox/Chrome, but in IE the menu has a blue gradient (instead of the red gradient) and it seems like it's too wide so that the last button is moved down a second line. 

 [edit] The menu doesn't show up at all on my desktop at home, but the hover links and dropdowns do.

 

Oddly enough, the hover color and and drop downs are the correct dark red color in IE. 

 

Here's the link to the site: http://www.thesuccessfullaserdentist.com/

 

Is this IE problem due to the use of a gradient for the nav menu? 

And, is the width issue happening in IE because I applied a bit more margin space on the last button than on the others?

Avatar
Rick Anderson
Desert Hot Springs, CA
Admin
Forum Posts: 13637
Member Since:
November 8, 2009
sp_UserOfflineSmall Offline
2
October 11, 2012 - 1:47 pm
sp_Permalink sp_Print

Gregory you have a couple of things going on here.  First, IE's support for gradients is spotty.  Apparently IE10 will be flawless but every other version has issues.  

The problem with the blue color is a problem in your gradient definition.  Colorzilla probably screwed it up.  The code in the image below (which only shows in IE) results in the blue image.

Image Enlarger

The simplest fix to this is to create a small gradient image and use it as a background image instead.

Here's what your site looks like in IE7

Image Enlarger

Here's what it looks like in IE8

Image Enlarger

Here's what it looks like in IE9

Image Enlarger

Avatar
Gregory Engelbrecht
Member
Members

Community Member
Forum Posts: 21
Member Since:
September 12, 2012
sp_UserOfflineSmall Offline
3
October 11, 2012 - 2:56 pm
sp_Permalink sp_Print

Worked like a charm!

Thank you for your help. Your plugins ROCK!

Avatar
Rick Anderson
Desert Hot Springs, CA
Admin
Forum Posts: 13637
Member Since:
November 8, 2009
sp_UserOfflineSmall Offline
4
October 12, 2012 - 8:03 am
sp_Permalink sp_Print

I'm glad it worked for you.

Forum Timezone: America/Los_Angeles

Most Users Ever Online: 228

Currently Online:
13 Guest(s)

Currently Browsing this Page:
1 Guest(s)

Top Posters:

Keith W Jones: 1441

Brian Tozer: 1004

Carolin: 984

Heidi Hafner: 509

John Cunningham: 423

Reece Morrel: 353

Newest Members:

soundpilot

digitalaerolus

emma62755

sharonmarks

emma80233

Tijs de Jong

Forum Stats:

Groups: 8

Forums: 46

Topics: 7003

Posts: 34845

 

Member Stats:

Guest Posters: 6

Members: 6763

Moderators: 2

Admins: 2

Administrators: Rick Anderson, Rick Anderson

Moderators: Pierre Cote, Laura Nugent