• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 627
  • 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.
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Get expert help—faster!

Need expert help—fast? Use the Help Bell for personalized assistance getting answers to your important questions.

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