Welcome to WebmasterWorld Guest from 54.144.243.34

Forum Moderators: incrediBILL

Firefox issue - vertical 10px space unwanted

   
2:15 am on Nov 13, 2004 (gmt 0)

10+ Year Member



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]

2:45 am on Nov 13, 2004 (gmt 0)

10+ Year Member



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.

3:42 am on Nov 13, 2004 (gmt 0)

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



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.

3:47 am on Nov 13, 2004 (gmt 0)

10+ Year Member



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]

5:46 am on Nov 13, 2004 (gmt 0)

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



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

2:54 pm on Nov 13, 2004 (gmt 0)

10+ Year Member



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>

 

Featured Threads

My Threads

Hot Threads This Week

Hot Threads This Month