Forums / Templates, Stylesheets, Page Layout / My Logo is Wonky in Internet Explorer

My Logo is Wonky in Internet Explorer

Views: 723

Results 1 to 8 of 8
18 Feb 2011, 5:53 PM
#1
lavs avatar

lavs

New Zenner

Join Date:
Mar 2009
Posts:
85
Plugin Contributions:
0

My Logo is Wonky in Internet Explorer

My logo looks fine in Firefox, but when I open my index page in IE, it's overlapping the search bar. Can that be fixed? You can see what I mean by looking here. Thanks for any advice!

18 Feb 2011, 6:11 PM
#2
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: My Logo is Wonky in Internet Explorer

To make your header render properly in IE6 and 7, you'll need to go to the stylesheet, find #logoWrapper, and make the height value at least as big as your header image - 280px. It's 75px now.

18 Feb 2011, 7:09 PM
#3
lavs avatar

lavs

New Zenner

Join Date:
Mar 2009
Posts:
85
Plugin Contributions:
0

Re: My Logo is Wonky in Internet Explorer

I reset the width and the height to match my logo but no improvement. :dontgetit

18 Feb 2011, 7:32 PM
#4
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: My Logo is Wonky in Internet Explorer

The height of #logoWrapper is still set to 75px in your stylesheet.

19 Feb 2011, 3:42 AM
#5
lavs avatar

lavs

New Zenner

Join Date:
Mar 2009
Posts:
85
Plugin Contributions:
0

Re: My Logo is Wonky in Internet Explorer

here's what I input:

#logoWrapper {
width:386px;
height:280px;

It hasn't changed. This is in my folder ...admin/includes/stylesheet.css

Is there somewhere else I need to change that info?

19 Feb 2011, 4:26 AM
#6
rbarbour avatar

rbarbour

Totally Zenned

Join Date:
Feb 2010
Posts:
2,159
Plugin Contributions:
10

Re: My Logo is Wonky in Internet Explorer

You will never get them to look the same, IE sucks.

I use this mod http://www.zen-cart.com/index.php?ma...roducts_id=493 and it works well. Copy the file included to the proper place and you can have IE-specific stylesheets. Naming convention is in the readme.

add:

#logoWrapper {
WHATEVER CHANGES YOU WANT HERE
}

to the new IE-specific stylesheet

19 Feb 2011, 11:11 AM
#7
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: My Logo is Wonky in Internet Explorer

That mod does work well, but it isn't necessary for this fix. When I look at your stylesheet in Web Developer, I still see this:

#logoWrapper{
background-image: url(../images/header_bg.jpg);
background-repeat: repeat-x;
background-color: #ffffff;
height:75px;
}

The changes wouldn't go in the admin/includes/stylesheet.css, but in includes/templates/classic/css/stylesheet.css. You should also take this opportunity to create your custom template instead of modifying Classic.

19 Feb 2011, 7:24 PM
#8
lavs avatar

lavs

New Zenner

Join Date:
Mar 2009
Posts:
85
Plugin Contributions:
0

Re: My Logo is Wonky in Internet Explorer

that did the trick, thanks very much for your help!