Space between headerWrapper and logoWrapper

[Hell Guapo]

1.3.9h

I am trying to eliminate unwanted spaces. See below.

[SCR]http://i56.tinypic.com/10qb86x.jpg[/scr]

I made the mainWrapper background color Gray temporarily.

I made each element a different background color so I could see what is going on. That is how i discovered the unwanted spaces.

Anybody know what controls this? I'd like to eliminate all the Gray spaces, except where the page content will appear.

[RescoCCC]

I think that if you go in to Admin/Configuration/Layout settings and set Define Breadcrumb Status to 0, the space next to "home" will go away. Of course, so will "home".

[Hell Guapo]

It's not my intention to get rid of the breadcrumb menu.

[buildingblocks]

If I remember correctly the space above the left column is set by margin in the stylesheet. View source or inspect element to see which ID or class it is.

Depending on the template you are reworking the other spaces may be taken care of by removing <br class="clearBoth" /> from those specific areas.

/includes/templates/CUSTOM_TEMPLATE/common/tpl_header.php

Removing <br class="clearBoth" /> can sometimes have undesirable effects so keep checking on your changes and take note of where you made your change in case you need to restore.

[gjh42]

Sometimes changing <br class="clearBoth" /> to <div class="clearBoth"></div> will help with the spaces.

The stock /classic/ stylesheet rule that gives the sidebox spacing is

.leftBoxContainer, .rightBoxContainer {
	margin: 0em;
	border: 1px solid #9a9a9a;
	border-bottom: 5px solid #336633;
	margin-top: 1.5em;
	}

Eliminate the margin-top if you want all sideboxes to touch, or add a new rule for whatever sidebox is at the top of the column if you only want to close the top gap:

#categories {margin-top: 0;}

[Hell Guapo]

Ok I copied tpl_header.php to 'common' in my template folder. I found both instances of <br class="clearBoth" />

I commented out both, but the one between headerWrapper and logoWrapper messed up the layout:



Commenting out the second instance achieved the desired result and now there's no space between logoHeader and the Categories bar.

I corrected the first instance and I'm part way to my goal.



I'll check the margins in the CSS next.

[Hell Guapo]

Ok found the Margins in the CSS and corrected more of the problem.

There are still a few outstanding spaces left:



Anybody know where the code that controls these Gray areas is?

[gjh42]

It's a lot easier to advise correctly for your site when we can see it live.

There may be padding or possibly margins in various locations.

[Hell Guapo]

Ok i found the navColumnOneWrapper and navTwoColumnWrapper margins and set them to 0em.

BUT, I still havent solved the problem in the title of this thread.

Can anyone help me get rid of this useless empty space?

[buildingblocks]

that may be the #navMainWrapper top margin.