?
Solved

Top margin on body - mystery space

Posted on 2011-05-05
7
Medium Priority
?
315 Views
Last Modified: 2012-06-27
I am working on my site here: http://goo.gl/NPzc6 - If you look at the top of the site in FF on a Mac, you will see top space like this: http://cl.ly/1j1f2G1F3333452m0D0j

CSS can be found here: http://goo.gl/3qcXK

Not sure why its there. I have been trying to figure it out in firebug but nothing.

Any ideas?

Thanks
0
Comment
  • 4
  • 3
7 Comments
 
LVL 15

Accepted Solution

by:
Juan Ocasio earned 2000 total points
ID: 35697988
This line in your css code:

* {margin:0;padding:0;}

resets all of your margins and padding, so some browsers will correctly remove the spacing at the top of the page.  Comment that out and see what happens...
0
 
LVL 15

Expert Comment

by:Juan Ocasio
ID: 35698005
Ahhh.  scratch that.  I see you're trying to figure out why FF on the Mac is not working correctly...
0
 
LVL 1

Author Comment

by:catonthecouchproductions
ID: 35698014
Weird huh. When you look around with Firebug you dont see any areas for margin/padding.
0
Industry Leaders: 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!

 
LVL 15

Expert Comment

by:Juan Ocasio
ID: 35698102
Does it display properly on an Window's machine using FF?
0
 
LVL 1

Author Comment

by:catonthecouchproductions
ID: 35698197
I have someone do some testing and they have screenshots of it looking fine.
0
 
LVL 1

Author Comment

by:catonthecouchproductions
ID: 35698203
Weird its gone now. I think it was that first line
0
 
LVL 15

Expert Comment

by:Juan Ocasio
ID: 35698284
Well that's great news!

Good luck!
0

Featured Post

VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
The first step to building an amazing About page is to figure out what you want the page to say about your company. You then must grab the attention of the reader, boast a bit, tell a story and let others brag about you. With a little bit of thought…
In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

612 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question