White space below logowrapper

[Three Sisters]

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....

[kobra]

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

[Three Sisters]

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

[Three Sisters]

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?

<!--bof-branding display-->
<div id="logoWrapper">
<div id="logo"><a href="http://localhost/zen/"><img src="includes/templates/custom/images/logo.gif" alt="Three Sisters Fabric Online Quilt Shop, Fabric, Notions, Kits and Gifts" title=" Three Sisters Fabric Online Quilt Shop, Fabric, Notions, Kits and Gifts " width="450" height="150" /></a></div>
</div>
<br class="clearBoth" />
<!--eof-branding display-->

Thanks,
Allison

[Three Sisters]

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

[kobra]

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

[Three Sisters]

Yup, that did it... Thanks!

[gva482]

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?

[Three Sisters]

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....

[kobra]

gva482,

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

A url??