Gap between header and main content...Help!

[andreadesigns]

Hi everyone, can you please help me figure out the gap between my header (logo) and the main content of my store? The gap happens in different places in Firefox and in IE, but is there regardless. Thank you!

[andreadesigns]

Sorry I forgot to give a link:

http://www.scrappinfreestyle.com/store

Thanks

[jettrue]

Sorry I forgot to give a link:

http://www.scrappinfreestyle.com/store

Thanks

in your tpl_header.php, change all:
<br class="clearBoth">

to <div class="clearBoth"></div>

Then in your css, change:

.clearBoth {clear:both;}

to

.clearBoth {
clear:both;
height:0;
font-size:0;
line-height:0;
margin:0;
padding:0;
}

[dbltoe]

Actually I think the main cause for the gap is the height you have defined for

<img width="300" height="282" title=" http://scrappinfreestyle.com " alt="http://scrappinfreestyle.com" src="includes/templates/red_passion/images/logo.gif"/>

Other items behind that image have a much smaller height but the size of the image is forcing the taglineWrapper to do wierd things. There's nothing in the taglineWrapper and it is not defined in the css. It is, however inside the logoWrapper and, therefore, affected by the height of the logo.

[dbltoe]

A further look indicates that this gif is nothing more than a blank block.

Therefore, adding

#logo {
display: none;
}

to the css moves everything.

If you do want to save the link, just crop your logo.gif (in your red-passion template images file) to the size you want.

[andreadesigns]

Actually I think the main cause for the gap is the height you have defined for

<img width="300" height="282" title=" http://scrappinfreestyle.com " alt="http://scrappinfreestyle.com" src="includes/templates/red_passion/images/logo.gif"/>

Other items behind that image have a much smaller height but the size of the image is forcing the taglineWrapper to do wierd things. There's nothing in the taglineWrapper and it is not defined in the css. It is, however inside the logoWrapper and, therefore, affected by the height of the logo.

Thank you very much for pointing this out. I changed the height in my css, but I guess it is being defined somewhere else (as you pointed out)...what file is that code located in that you found?

[dbltoe]

Replace includes/templates/red_passion/images/logo.gif with the attached file. Until the file is changed NOTHING you do in css (except turning it totally off will change the size of the file.

[andreadesigns]

Thank you SO much!!! This fixed my problem :) I appreciate it so much :)

[dbltoe]

Glad you got it goin'

[Spannungsbogen]

in your tpl_header.php, change all:
<br class="clearBoth">

to <div class="clearBoth"></div>

Then in your css, change:

.clearBoth {clear:both;}

to

.clearBoth {
clear:both;
height:0;
font-size:0;
line-height:0;
margin:0;
padding:0;
}

So a question or two: I've got this dumb space in Firefox between "Home Log In" and the logo/image section. There was a dumb space below the image too, which I eliminated in both browsers by taking a <br class="clearBoth"> line out of templates\template_default\common\tpl_header.php

There's one more instanceof that code line in tpl_header but removing it does not get rid of the gap.

At anyrate, does having removed <br class="clearBoth"> from one place in this file compromise anything I'm not aware of? Do I need to fix it exactly like in the quote above.... or is just having eliminated it Ok?