navigation
a webmaster learning community
     Home    Register     Search      Help      Login    
Sponsors

Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.

Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Search Forums
 

Advanced search
Recent Posts

 Todays Posts
 Most Active posts
 Posts since last visit
 My Recent Posts
 Mark posts read

Microsoft MVP

 

1 pixel gap in mozilla and netscape

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Development >> Cascading Style Sheets >> 1 pixel gap in mozilla and netscape
Page: [1]
 
cyberdread

 

Posts: 13
Joined: 10/26/2005
Status: offline

 
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

 

Posts: 13
Joined: 10/26/2005
Status: offline

 
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

(in reply to cyberdread)
jaybee

 

Posts: 14175
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
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.

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to cyberdread)
Page:   [1]

All Forums >> Web Development >> Cascading Style Sheets >> 1 pixel gap in mozilla and netscape
Page: [1]
Jump to: 1





New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts