IE vs. Firefox

2 Nov 2006, 4:00 PM

#1

stevehare

Zen Follower

Join Date:: Dec 2005
Posts:: 108
Plugin Contributions:: 0

IE vs. Firefox

In Firefox my new store looks exactly as I want it to.

In IE, that isn't the case.

http://tigercentral.boosternation.com

At the top search bar should be directly above the header image. In Firefox it is; in IE there seems to be some padding/spacing.

Also, the left sideboxes should have a complete border around them. They do in Firefox, but not IE.

Any suggestions?

Thanks in advance.

2 Nov 2006, 4:08 PM

#2

zforrest

New Zenner

Join Date:: Jun 2006
Location:: Austin, TX
Posts:: 85
Plugin Contributions:: 0

Re: IE vs. Firefox

IE 6 or 7?

2 Nov 2006, 4:16 PM

#3

stevehare

Zen Follower

Join Date:: Dec 2005
Posts:: 108
Plugin Contributions:: 0

Re: IE vs. Firefox

It's version IE7.

2 Nov 2006, 4:37 PM

#4

zforrest

New Zenner

Join Date:: Jun 2006
Location:: Austin, TX
Posts:: 85
Plugin Contributions:: 0

Re: IE vs. Firefox

try adding the following class to the CSS:

td.columnLeft#navColumnOne {padding-right: 10px;}

see what that does.

2 Nov 2006, 5:01 PM

#5

stevehare

Zen Follower

Join Date:: Dec 2005
Posts:: 108
Plugin Contributions:: 0

Re: IE vs. Firefox

Excellent...the left boxes now have a right border!

Thanks.

Now how about the small white space above the header? ;0)

2 Nov 2006, 5:22 PM

#6

zforrest

New Zenner

Join Date:: Jun 2006
Location:: Austin, TX
Posts:: 85
Plugin Contributions:: 0

Re: IE vs. Firefox

Oh yeah. Did you do that image via the editor? I don't see it in your stylesheet.

2 Nov 2006, 5:27 PM

#7

stevehare

Zen Follower

Join Date:: Dec 2005
Posts:: 108
Plugin Contributions:: 0

Re: IE vs. Firefox

No, I just point to it it header.php:

// added defines for header alt and text
define('HEADER_ALT_TEXT', '');
define('HEADER_SALES_TEXT', '<img src="http://tigercentral.boosternation.com/includes/templates/tigers/images/header_bg.jpg">');
define('HEADER_LOGO_WIDTH', '714px');
define('HEADER_LOGO_HEIGHT', '64px');
define('HEADER_LOGO_IMAGE', '');

2 Nov 2006, 5:33 PM

#8

zforrest

New Zenner

Join Date:: Jun 2006
Location:: Austin, TX
Posts:: 85
Plugin Contributions:: 0

Re: IE vs. Firefox

there's a css class called "tagline". Find it and play with the margin-top. Should be something like this:

#tagline {margin-top: -2px;}

2 Nov 2006, 5:38 PM

#9

stevehare

Zen Follower

Join Date:: Dec 2005
Posts:: 108
Plugin Contributions:: 0

Re: IE vs. Firefox

You are a genius!

Thanks...worked perfectly.

2 Nov 2006, 5:47 PM

#10

zforrest

New Zenner

Join Date:: Jun 2006
Location:: Austin, TX
Posts:: 85
Plugin Contributions:: 0

Re: IE vs. Firefox

aww...shucks. It twasn't nuthin'

30 Jul 2007, 12:31 AM

#11

blainbci

New Zenner

Join Date:: Dec 2006
Posts:: 27
Plugin Contributions:: 0

Re: IE vs. Firefox

Thanks...I spent a long time trying to figure out how to remove the white space above my header that was showing in firefox. Your code solution worked, except in my case I made it -9px...... tagline {margin-top: -2px;

Blain