Ad:

HTML and CSS Discussion Thread
Marked Solved
Views: 765

Sep 30th, 2009

-1

CSS mozilla problems

Expand Post »

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:

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

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:

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.

Similar Threads

CSS positioning problems in HTML and CSS
navigation using css in HTML and CSS
Firefox hates my CSS now so does IE in HTML and CSS
CSS positioning problems in HTML and CSS
xp and css in Windows NT / 2000 / XP

alimoe

Reputation Points: 10

Solved Threads: 3

Junior Poster in Training

Offline

82 posts
since Jun 2008

Permalink

Sep 30th, 2009

Re: CSS mozilla problems

Item1
Item2
Item3
Item3

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

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.

almostbob

Reputation Points: 562

Solved Threads: 368

Posting Maven

Offline

2,970 posts
since Jan 2009

Permalink

Oct 1st, 2009

Re: CSS mozilla problems

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

alimoe

Reputation Points: 10

Solved Threads: 3

Junior Poster in Training

Offline

82 posts
since Jun 2008

Permalink

Oct 1st, 2009

Re: CSS mozilla problems

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

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

Traevel

Reputation Points: 16

Solved Threads: 16

Light Poster

Offline

38 posts
since May 2009

Permalink

Oct 2nd, 2009

Re: CSS mozilla problems

still... it works fine with IE but not with firefox

alimoe

Reputation Points: 10

Solved Threads: 3

Junior Poster in Training

Offline

82 posts
since Jun 2008

Permalink

Oct 2nd, 2009

Re: CSS mozilla problems

solved: I just float some divs... it works great.

Thank you all.

alimoe

Reputation Points: 10

Solved Threads: 3

Junior Poster in Training

Offline

82 posts
since Jun 2008

Permalink

Oct 2nd, 2009

Re: CSS mozilla problems

try to add specifically
margin-top: 0px; in the body css

cleanserevoluti

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

1 posts
since Oct 2009

This thread is solved

Either the thread starter or a moderator has marked this thread as solved. You can most likely trust the responses and answers given. There is most likely no reason for any further responses to be posted here. If you have a related question, please start a new thread in this forum instead.

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.

Previous Thread in HTML and CSS Forum Timeline: Javascript onHover effect ?

Next Thread in HTML and CSS Forum Timeline: where to put background in this code

DaniWeb Message

Cancel Changes

User Name
Password