Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Alignment issue in IE - Header and left column

Alignment issue in IE - Header and left column

Locked

Views: 1,612

Results 1 to 5 of 5
This thread is locked. New replies are disabled.
24 Nov 2008, 6:47 PM
#1
chequepoint avatar

chequepoint

New Zenner

Join Date:
Nov 2008
Posts:
7
Plugin Contributions:
0

Alignment issue in IE - Header and left column

http://nashvilleherps.com/topsmalibu

Working on a custom site, trying to get the header bg to align with the left column bg to create a logo that spans both for cosmetic reasons.

In IE 7 there is a white line / break through the logo.

Looks great in Firefox and Safari. Plese help. I'm going crazy trying to fix it.

24 Nov 2008, 6:53 PM
#2
litepockets avatar

litepockets

Zen Follower

Join Date:
Apr 2008
Location:
Covington, Washington, United States
Posts:
206
Plugin Contributions:
0

Re: Alignment issue in IE - Header and left column

I think your issue lie in the following portion of your stylesheet

#navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
margin:auto;
}

Seperate #navColumnOneWrapper from the other two, and define the margin to 0. Should fix it..

24 Nov 2008, 7:20 PM
#3
chequepoint avatar

chequepoint

New Zenner

Join Date:
Nov 2008
Posts:
7
Plugin Contributions:
0

Re: Alignment issue in IE - Header and left column

No that didn't do it.. but thank you for trying . Still going crazy.

1 Dec 2008, 4:24 AM
#4
pakcyrstalkoi avatar

pakcyrstalkoi

New Zenner

Join Date:
Dec 2008
Location:
Tokyo / Japan
Posts:
3
Plugin Contributions:
0

Re: Alignment issue in IE - Header and left column

you may want to try>>
ie7
*+html body #contentMainWrapper{ margin-top:-2px;}

it also broken in ie6
*html body #contentMainWrapper{ margin-top:-2px;}

if -2px doesn't do the trick, try 3, 4 ...

1 Dec 2008, 4:33 AM
#5
pakcyrstalkoi avatar

pakcyrstalkoi

New Zenner

Join Date:
Dec 2008
Location:
Tokyo / Japan
Posts:
3
Plugin Contributions:
0

Re: Alignment issue in IE - Header and left column

from what i am seeing, you do not use any div around the top image?
do not leave it(img) un-wrap ie will be freaked out!
and if you change let say line-height, the space might come back.