White space below logowrapper

Hi Folks!

I hate to ask such a simple question but I've tried and tried and tried and I just CAN'T get this!

In header.php I have this:

define('HEADER_ALT_TEXT', 'Three Sisters Fabric Online Quilt Shop, Fabric, Notions, Kits and Gifts');
define('HEADER_SALES_TEXT', '');
define('HEADER_LOGO_WIDTH', '450px');
define('HEADER_LOGO_HEIGHT', '150px');
define('HEADER_LOGO_IMAGE', 'logo.gif')

The logo is 150px.

Then in the stylesheet I have this:

#logoWrapper {
background: #b84b3d;
background-image:url(../images/quilt.jpg);
background-position: right;
background-repeat: no-repeat;
height: 150px;
min-width: 750px;
}

Because I want my header to expand and shrink in width as people resize the browser window. And again, the image is 150px tall.

Somehow, I am getting a white space below the header that is about 10px tall. I tried re-ajusting all kinds of things and can't get rid of it. The closest I come is by changing the logowrapper height to 140px. The white space goes away and the logo looks great. But! the background image gets cut off by, you guessed it, 10px. Somehow it seams related to the logo... what other classes or id's related to the logo that could be set to a negative margin or padding?

Ugh! WHAT am I doing wrong?? I wish I could post a link, but I'm developing this on my PC so I can't. I'll explain more if you need me to..

Thanks heaps,
Allison
Three Sisters Fabric

Oh, and if you need, I can paste the entire page code and the stylesheet too. I didn't know how to paste it and make it scroll and I didn't want to take up too much room....

You might post a url to your ZenCart so we can see the problem

I know, I want to, but this is being developed on my PC and is not online yet....

Could the problem be the <br> that I have in bold? What is that for? I tried giving the clearBoth class a height of 0px and that didn't do it. Any ideas?

Thanks,
Allison

Well, I did it! Sigh Deep breath I put my ZenCart online! I only have access to dial-up here in the sticks of Michigan, so design will be slower now. Too bad, any ideas?

But, back to the white space - Can anyone tell me where it's coming from? (don't look around too much at the ZenCart - NOTHING is anywherre NEAR finished! :) ) You can look at my working site to see what I'm trying to acheive.

White space problem url: www.threesistersfabric.com/store

Thanks a bunch,
Allison

Yes, in tpl_header.php try removing that clearBoth and see if that helps

Yup, that did it... Thanks!

Kobra;

I also hav the same problem, and removed the ClearBoth. That solved the white space issue when viewing with IE, but when viewing with FireFox the side boxes and main body now over lap the header.

Any suggestion to counter this new problem?

I really don't know much, but for a suggestion did you try applying a height to the #logoWrapper? That would be the first place I'd check....

gva482,

Normally have to see it to offer a suggestion as they are seldom the exact same.

A url??

I am just beginning to build a customized template. I see that this thread is referring to logowrapper in the stylesheet.
I thought that if we are starting out we should be using the default template and its stylesheet.
The Classic template, which I like the look of better than the default, has the logowrapper lines that have been in the thread.
The default template has what was in the Classic stylesheet for logowrapper scattered all over. It took me a very long time to see where the header background image was hidden.
So, I'm confused. Do I copy the default template files as written up as the correct way to go, or do I use the Custom template which seems to be a lot more like what I want my store to look like?
Another thing -- those colors in default are not my taste and again, they are scattered all over. I'd rather base my site on the Custom template. What's the harm?
Thanks
John

I'd rather base my site on the Custom template
"Custom" is just that ....Can be what you want....Have you looked at some of the "Start" templates available in the downloads section? They usually get one over the initial hump.

I'll go take a look in the downloads. Thanks.

kobra:

Yes, in tpl_header.php try removing that clearBoth and see if that helps

I tried doing that but mine doesn't say clearboth it only says clear... this is the link to our site .. https://www.vintage1.byethost10.com this is for my final project for school... our banner at the top has all the white around it and we want it to be black where the two spaces of white are we tried changing the clear both section and nothing happened any other suggestions...

Please, tell how you got rid of the white space on your site.

I had partial success by changing the BR to DIV and then it was fine. this only solved my lower gap below the banner and not the top one above the banner.
Seems odd?

If you have any luck clearing that gap up let me know.

Cheers