Empty space on top of page
I am working on a site here: http://goo.gl/lHbcY - I can't find out what the top space by the <body> tag is. i have tried inspecting in firebug and can't find the result. Any ideas?
My CSS is here: http://goo.gl/FViKB
Ryan
My CSS is here: http://goo.gl/FViKB
Ryan
its like there is 30px or so at the top of the page the light grey (#EEE)
In your CSS ::
#header {
height: 180px;
padding: 0 0 28px;
}
Padding uses the following format ( example )::
padding:25px 50px 75px 100px;
¿top padding is 25px
¿right padding is 50px
¿bottom padding is 75px
¿left padding is 100px
You have 28 set for the bottom padding. Is that the space you are looking for?
#header {
height: 180px;
padding: 0 0 28px;
}
Padding uses the following format ( example )::
padding:25px 50px 75px 100px;
¿top padding is 25px
¿right padding is 50px
¿bottom padding is 75px
¿left padding is 100px
You have 28 set for the bottom padding. Is that the space you are looking for?
or you might check :
#logo {
padding: 22px 0 0;
}
Which has a top padding of 22px
#logo {
padding: 22px 0 0;
}
Which has a top padding of 22px
The header was meant to be there, im talking about the very top of the page, that space. Cant figure that out even when inspecting with firebug.
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Oh weird! I am on FF on a Mac.
Thanks for these screenshots. So guess FF on a Mac is the culprit.
Thanks for these screenshots. So guess FF on a Mac is the culprit.
Doh, maybe. I'm on a PC / Windows 7... ( Dont have a mac to play with that formatting :-\ )
Ill try somethings and repost question, thank you though!
The logo "Uptime devices" is at the top left corner of the page... Using IE 8