1 pixel gap in mozilla and netscape (Full Version)

All Forums >> [Web Development] >> Cascading Style Sheets



Message


cyberdread -> 1 pixel gap in mozilla and netscape (10/28/2005 17:42:27)

Following your advice I am giving relative positioning a go, but I cant get some things to work, for instance, I have a 1 pixel gap between elements that shouldnt be there in mozilla and netscape, works fine in IE.
here is the code:

body {
margin:3px;
color: #ffffff;
background: #ffffff;
font-size: 20%;
}

#header {
position:relative;
display:block;
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
padding-top:0px;
padding-bottom:0px;
padding-left:0px;
padding-right:0px;
}

#menubg {
position:relative;
display:inline;
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
padding-top:0px;
padding-bottom:0px;
padding-left:0px;
padding-right:0px;
}

#mainbg {
position:relative;
display:inline;
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
padding-top:0px;
padding-bottom:0px;
padding-left:0px;
padding-right:0px;
}

and here is the link so you can see the gap for yourself:
http://xera.atspace.com/
its the gap between the orange and blue elements below the banner at the top.
So please enlighten me, whats wrong with my code?
Nick




cyberdread -> RE: 1 pixel gap in mozilla and netscape (10/28/2005 18:58:34)

it turns out it was the white space between my div tags in the html page, funny, I thougt that was an IE bug. nevermind all is fine now




jaybee -> RE: 1 pixel gap in mozilla and netscape (10/29/2005 5:49:39)

If there's a space in the HTML then there's a space on your page. Problem is spaces don't show up in the code so if you have a mystery one on the page make sure a blank line in the code IS a blank line and not a line with a space in it.




Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
8.984375E-02