HTML and CSS

CSS mozilla problems

Please support our HTML and CSS advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases

Thread Solved

•

Join Date: Jun 2008

Posts: 50

Reputation: alimoe is an unknown quantity at this point

Solved Threads: 2

alimoe

Offline

Junior Poster in Training

CSS mozilla problems

-1

Sep 30th, 2009

hi,
I have a header on my website. Whenever i add a tag in side the header an annoying white space forms above it. This happens only in firefox:

CSS:

Help with Code Tags

HTML and CSS Syntax (Toggle Plain Text)
   body,html{margin:0;
           padding:0;
           width:100%}
body,html{margin:0; padding:0; width:100%}

Help with Code Tags

HTML and CSS Syntax (Toggle Plain Text)
#head{ width:100%;
        height:auto;
		padding:0;
		margin:0;
		background:#09F}
#head{ width:100%; height:auto; padding:0; margin:0; background:#09F}

HTML:

Help with Code Tags

HTML and CSS Syntax (Toggle Plain Text)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link type="text/css" rel="stylesheet" href="styles/general.css" />
<title>PSPF Intranet system</title>
</head>
 
<body>
          <div id="head">
             <div id="menubar">
                <ul>
                  <li>Item1</li>
                  <li>Item2</li>
                  <li>Item3</li>
                  <li>Item3</li>
                 </ul>
                </div>
           </div>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link type="text/css" rel="stylesheet" href="styles/general.css" /> <title>PSPF Intranet system</title> </head> <body> <div id="head"> <div id="menubar"> <ul> <li>Item1</li> <li>Item2</li> <li>Item3</li> <li>Item3</li> </ul> </div> </div>

Thanking you in advance

Last edited by alimoe; Sep 30th, 2009 at 5:35 am.

I am a Novice..............

•

Join Date: Jan 2009

Posts: 1,349

Reputation: almostbob has a spectacular aura about

Solved Threads: 163

almostbob

Offline

Nearly a Posting Virtuoso

Re: CSS mozilla problems

Sep 30th, 2009

Item1
Item2
Item3
Item3

try styling unordered lists
not sure, but, the default style for lists has a whitespace between li elements

 Help with Code Tags 
 css Syntax (Toggle Plain Text) 
ul {margin:0; padding:0;}
ul li {margin:0; padding:0;}
ul {margin:0; padding:0;}
ul li {margin:0; padding:0;}

Last edited by almostbob; Sep 30th, 2009 at 8:46 am.

Failure is not an option It's included free
If at first you dont succeed, join the club
Of course its always in the last place you look, you dont keep looking after you find it

Please mark solved problems, solved

•

Join Date: Jun 2008

Posts: 50

Reputation: alimoe is an unknown quantity at this point

Solved Threads: 2

alimoe

Offline

Junior Poster in Training

Re: CSS mozilla problems

Oct 1st, 2009

its not just the list tag, its any tag i add.

I am a Novice..............

•

Join Date: May 2009

Posts: 24

Reputation: Traevel is an unknown quantity at this point

Solved Threads: 9

Traevel

Offline

Newbie Poster

Re: CSS mozilla problems

Oct 1st, 2009

Would those tags happen to be in between the <ul> tags? In that case they would still create a whitespace above your header. The suggestions almostbob made should help in removing all the margins for ul and li tags, and they certainly remove the whitespace in Firefox with the code you provided. If you're only interested in removing the top margin, you could also use

 Help with Code Tags 
 css Syntax (Toggle Plain Text) 
ul{margin-top:0;}
ul{margin-top:0;}

If the whitespace keeps returning with different tags just add the line tag{margin-top:0;} or tag{margin:0;} for the specific tag(s) as well.

Hope that helps, good luck.

Traevel

6.5 When the answer cannot be put into words, neither can the question be put into words. The riddle does not exist. If a question can be framed at all, it is also possible to answer it. ~ Ludwig Wittgenstein