New Zenner
- Join Date:
- Jan 2009
- Posts:
- 13
- Plugin Contributions:
- 0
Gap between header and main content...Help!
I am having a similar problem, and after about 4-5 hours trying to fix this myself (stubborn pride), I concede that I just can't figure it out! I tried the solution described above, and I've had only minimal luck. I followed jettrue's advice:
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;
}
That suggestion helped a little. Previously I had a gap over and under my main navigation tabs. After making that change, most of the gap underneath went away. However, there's still a strange 1px white line showing (in Firefox and Chrome, but not IE7.) I can't figure out what's happening.
Even worse, the white gap on top is still there! So I would really appreciate it if someone would take a look at my code and tell me at least how I can get rid of that pesky gap between my header (#headerWrapper) and main navigation (#mainNAVlinks). I've already pulled out my remaining hair trying to figure it out today!
Please disregard the domain name, as it's completely unrelated to this shopping cart I'm trying to build for another site. (I don't have access to my new client's server at the present time, so I picked an old domain that I had access to.) The url is (warning:mature theme) : http://www.sexualenhancement.net/store/
