Needing help badly.

[Coffinwear]

I'm having quite an issue with the infamous white line above my header. I've been dealing with this for a couple of days before I decided to post about it. There are about 1,000,001 questions about the white line/white space above the header and I think I've read just about every one of them. I can't for the life of me get the line to go away.

I have tried the margin-top; -1em in several places in the style sheet, I've tried to resize my header, I've even tried to get the white space to change color to no avail. I've also tried deleting and putting the <!-- --> around the <br class="clearBoth" /> in the tpl_header.php page.

Please someone give me something else to try.

Website is: www.coffinwear.com/store

Zen Cart version 1.3.8

No upgrades, No addons

[afo]

In your stylesheet, look for

#logoWrapper{
	background-image: url(../images/header_bg.jpg);
	background-repeat: repeat: no repeat;
	background-color: #000000;
	height:185px;
	}

Make the change highlighted in red:

#logoWrapper{
	background-image: url(../images/header_bg.jpg);
	background-repeat: repeat: no repeat;
	background-color: #000000;
	height:119px;
	}

[Coffinwear]

Thank you for the reply. I tried, and as you can see if you look at my site, all it did was make my header image shorter and the white line is still there.

[gjh42]

The white line is part of your background image. Either crop the top and bottom of your image in Photoshop, or add a position to your stylesheet

#logoWrapper{
	background-image: url(../images/header_bg.jpg);
	background-repeat: no-repeat;
	background-color: #000000;
	background-position: center -9px;
	height:200px;
	}

or

#logoWrapper{
	background: #000000 url(../images/header_bg.jpg) no-repeat center -9px;
	height:200px;
	}

[Coffinwear]

That was the perfect fix. Thank you very much.

One more question. I'm working with Safari and everything looks good so far. I just downloaded Fire Fox a bit ago and noticed that my header is a completely different color. Any idea why that happens?

[gjh42]

I don't have Safari, so can't answer that. How is it different between FF and Safari? What parts of the header/what colors?

[Coffinwear]

In Safari the header is purple. In Fire Fox it's blue. Everything is lined up and looks good but it looks like 2 different headers.

[Kim]

hhhmmm - very interesting - When you created the image, what program did you use? Exactly what settings did you use when you saved it?

[gjh42]

What color are the text links in Safari (like " log yourself in")? In FF they are a similar blue to parts of the logo.

[Coffinwear]

I used Illustrator CS4 to make the image. Not sure of the settings.

The links are blue in both Safari and FF. I haven't changed the color code for them yet.