[WSG] Firefox top margin
Hi guys,
I'm sure this has been covered but it didn't appear in an archive search.
How in blazes does one remove the top margin in Firefox? I've add 0px margin
and padding to *, html, boday and my top DIV and still it persists.
I've already tried removing the first hidden DIV and anchor to no avail.
No hacks please. I'm aiming for a single stylesheet that will validate.
Hopeful, I know. ;)
And is 100.01% still the recommended font-size for body?
No live link I'm afraid but the relevant code follows.
Thanks in advance,
Paul
CSS
---
* html, body
{
padding: 0px;
margin: 0px;
}
body
{
font-size: 100.01%;
font-family: Verdana, Arial;
}
#header
{
border-width: 0px;
margin: 0px;
padding: 0px;
display: block;
background: #005CAB;
}
#masthead
{
margin: 0px;
padding: 0px;
display: block;
height: 52px;
border-width: 0px;
background: #005CAB url(../images/logohead.gif) no-repeat 0px 0px;
}
#masthead h1
{
padding: 0;
margin: 0.2em 0.2em 0 0;
text-align: right;
color: #fff;
}
HTML
body
div id=oldBrowserNotice class=hide
pThis site will look much better in a browser that supports a
href=http://www.webstandards.org/upgrade/;
title=Download a browser that complies with Web standards.web
standards/a, but it is accessible to any
browser or Internet device./p
/div
a name=top/a
div id=header
div id=masthead
h1Australasian Society for HIV Medicine/h1
/div
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] Firefox top margin
Webmaster wrote: Hi guys, I'm sure this has been covered but it didn't appear in an archive search. How in blazes does one remove the top margin in Firefox? I've add 0px margin and padding to *, html, boday and my top DIV and still it persists. without a link to a live page i can only guess that it's the margin setting on the #masthead h1. dwain -- Dwain Alford [EMAIL PROTECTED] http://www.alforddesigngroup.com The artist may use any form which his expression demands; for his inner impulse must find suitable expression. Wassily Kandinsky, Concerning The Spiritual In Art ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Firefox top margin
Webmaster wrote:
Hi guys,
I'm sure this has been covered but it didn't appear in an archive search.
How in blazes does one remove the top margin in Firefox? I've add 0px margin
and padding to *, html, boday and my top DIV and still it persists.
I've already tried removing the first hidden DIV and anchor to no avail.
No hacks please. I'm aiming for a single stylesheet that will validate.
Hopeful, I know. ;)
And is 100.01% still the recommended font-size for body?
Zero all vertical margins and vertical padding.
Change and add:
html, body { font: 100 100.01% Geneva, Verdana, Arial, Helvetica,
sans-serif; margin: 0; padding: 0; }
p { margin: 0; padding: 0; }
Your font size on body is a safe cross-browser assumption.
Regards,
David Laakso
--
David Laakso
http://www.dlaakso.com/
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] Firefox top margin
On 7/25/05, Webmaster [EMAIL PROTECTED] wrote: Great guess, Dwain! You were right. I would have hoped that any margin I set to #masthead h1 would have been applied inside #header - #masthead. Annoying. I suppose that explcitly applying position: relative to it might have done the trick. Margins are always applied to the outside of the element, and padding is applied to the inside. There is an excellent tutorial on CSS positioning at http://www.brainjar.com/ which explains how all the elements and their properties interact - I must have read it 20 times over when I started. Another good tip is to use Firefox or Mozilla with the web developer toolbar, and turn on outline block level elements. This shows you the exact space that each element is occupying. Cheers, K. -- Kay Smoljak new standards blog: http://kay.zombiecoder.com/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Firefox top margin
Webmaster wrote: Great guess, Dwain! You were right. I would have hoped that any margin I set to #masthead h1 would have been applied inside #header - #masthead. Annoying. I suppose that explcitly applying position: relative to it might have done the trick. Instead I've changed the margin to 0px and used padding on the h1 instead (which is probably more correct). Thanks muchly. glad i could help. dwain -- Dwain Alford [EMAIL PROTECTED] http://www.alforddesigngroup.com The artist may use any form which his expression demands; for his inner impulse must find suitable expression. Wassily Kandinsky, Concerning The Spiritual In Art ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
