Purple Shades Template. The extra Gaps, how to get rid of them ?

[OhISeekYou]

Purple Shades Template. The extra Gaps, how to get rid of them ?

My Site :http://www.ohiseekyou.com

After I typed some text beyond certain number, there is a narrow gap right below the header backgroud picture.

After I enlarged the font-size of my site, I found many gaps, such as right below the header of Sideboxs in Left column only, and above the copy right info bar.

What shall I do to get rid of them?

[gjh42]

Your site hasn't nearly finished loading yet (I expect it will take another minute or two), and I have one big comment: OPTIMIZE YOUR IMAGES!

You have huge image files as thumbnails, and nobody is going to wait for them to load - they will leave your site and buy from someone else. You need small copies of each image (the exact size you want them to display as thumbnails). Read the FAQ/tutorials on images.

Also, I noticed that you have changed the footer with your dopyright info (this is ok) and "Powered by Spring Wind" (this is not ok!)
"Powered by" identifies the author of the software, and that is making a claim that you wrote the Zen Cart program. Please change it back.

[OhISeekYou]

Your site hasn't nearly finished loading yet (I expect it will take another minute or two), and I have one big comment: OPTIMIZE YOUR IMAGES!

You have huge image files as thumbnails, and nobody is going to wait for them to load - they will leave your site and buy from someone else. You need small copies of each image (the exact size you want them to display as thumbnails). Read the FAQ/tutorials on images.

Also, I noticed that you have changed the footer with your dopyright info (this is ok) and "Powered by Spring Wind" (this is not ok!)
"Powered by" identifies the author of the software, and that is making a claim that you wrote the Zen Cart program. Please change it back.

Thanks for your advice.

[gjh42]

Looking at your site, I see two things that you can fix.

The main part of the page is shifted to the right (at least in Firefox) by the width of the text in the header navbar. This has a huge line-height (I don't know if it is in the original) and with a large font is causing a problem. Find and edit this in your stylesheet:

#navMain ul, #navSupp ul, #navCatTabs ul  {
	margin: 0;
	padding:  0.5em 2em;
	list-style-type: none;
	text-align: center;
	line-height: 4.5em; /*make smaller - 2.5em works*/
	}

The sidebox heading backgrounds are fixed-size images, and when the font-size increases, they no longer fill the heading space. You can edit the images in Photoshop to enlarge them, or you can shrink the line-height or margins of h3.leftBoxHeading and h3.rightBoxHeading.

[OhISeekYou]

Parts of my problem are fixed.
But a question is still left.
There is a gap right below the logo in IE6, while no gap below in FIREFOX.

Is that a bug of IE6 ?
How to solve it ?

Thanks in advance.

PS: ZenCart V1.3.7 PurpleShades V1.3.7
I have not edit the font-size and the height of the Header and Logo.

My Site Link:
http://www.ohiseekyou.com/joe