Learn how to a build a cloud-first strategyRegister Now

  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 619
  • Last Modified:

Help me get rid of extra white space

This is driving me crazy. Take a look at this page in Firefox with the Developer's tool bar:
View the style information.
Hover over the logo to get the red outline.
Notice the white space between the bottom red line and the right-justified menu bar. This is the white space I want to get rid of.
Now hover over the right-justified menu bar. Its div is navMainWrapper.
I set the top margin on it to 0. No affect.
I set the bottom margin of the "logo" div to 0. No affect.
How do I get rid of that white space?

  • 3
1 Solution
add float left to these styles

div#logo { margin-bottom: float:left; }
div#logoWrapper { margin: 0; padding: 0; float:left; }

fixed it for me
Actually, just this one will do it

div#logoWrapper { margin: 0; padding: 0; float:left; }
Oh and you'll come across more problems along the way if you don't use floats.
alicia1234Author Commented:
Thanks. Actually, this is all that was needed:
div#logoWrapper { float: left; }

Sure would like to know WHY?

This is Zen Cart's style sheet that I'm working with.

Featured Post

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

  • 3
Tackle projects and never again get stuck behind a technical roadblock.
Join Now