homepage Welcome to WebmasterWorld Guest from 54.197.183.230
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Browsers / Firefox Browser Usage and Support
Forum Library, Charter, Moderators: incrediBILL

Firefox Browser Usage and Support Forum

    
Firefox issue - vertical 10px space unwanted
corio

10+ Year Member



 
Msg#: 307 posted 2:15 am on Nov 13, 2004 (gmt 0)

Can anyone help me figure out how to get rid of the 10 pixel gap at the top of the page of

<Sorry, no personal URLs. See TOS [webmasterworld.com]>

On Firefox, it's there. And it causes the whole page to be pushed down, which throws off the floating menus.

On IE, it looks fine.

I tried adding topmargin and marginheight. Firefox doesn't recognize them. I tried adding CSS to the body tag to set margin and padding to zero. No dice.

It's driving me crazy! Please help.

[edited by: tedster at 2:40 am (utc) on Nov. 13, 2004]

 

Never_again

10+ Year Member



 
Msg#: 307 posted 2:45 am on Nov 13, 2004 (gmt 0)

Hard to say without more information and a good look at the code.

Are you using CSS? If so, you may not have set the margins to "0" on one of your properties. Some have a default of 10px.

tedster

WebmasterWorld Senior Member tedster us a WebmasterWorld Top Contributor of All Time 10+ Year Member



 
Msg#: 307 posted 3:42 am on Nov 13, 2004 (gmt 0)

The place I suggest you start when debugging any page is by validating the mark-up.

W3C HTML Validator [validator.w3.org]

Firefox adheres much more closely to web standards, compared to IE (which is getting really old at this point). From your description, my first suspicion is a quirks mode issue or the bogus way IE renders the box model.

But please validate first, and then we can look at potential issues. We probably will need to know what DTD you are using.

corio

10+ Year Member



 
Msg#: 307 posted 3:47 am on Nov 13, 2004 (gmt 0)

I tried running the validator. It came back with a bunch of stuff about alt tags in images, which has not corrected this problem.

<No URLs, please. See TOS [webmasterworld.com]>

[edited by: tedster at 5:43 am (utc) on Nov. 13, 2004]

tedster

WebmasterWorld Senior Member tedster us a WebmasterWorld Top Contributor of All Time 10+ Year Member



 
Msg#: 307 posted 5:46 am on Nov 13, 2004 (gmt 0)

In your CSS file, do you have this?

body {
margin:0;
padding:0;
}

The attributes topmargin, marginheight, etc. are not standard HTML. So to instruct the more modern, standards-compliant browsers, you must use CSS

corio

10+ Year Member



 
Msg#: 307 posted 2:54 pm on Nov 13, 2004 (gmt 0)

Yes, I have that... below is the code.

<STYLE TYPE="text/css">
<!-- //
body { padding: 0px; margin: 0px;}
P, TD, LI { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000;}
A:link { color: #006699;}
A:visited { color: #000099;}
A:active { color: #006699;}
A:hover { color: #000099;}

// -->
</STYLE>

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Browsers / Firefox Browser Usage and Support
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved