Another Firefox Space Issue

markei · 03-12-2009, 09:20 AM

Can this be fixed, or is it an issue with the free hosting provider and the iframe they put there?
It won't let me post a link so please remove spaces to see the problem(Firefox only problem):

apostolicprinciples . org

The space at the top(between the actual page and the ad banner) is ok in IE, but Firefox adds about a 10px space there.

my css:

Code:

* {
	margin: 0px;
	padding: 0px;
	border: none;
}
body {
	background: #ddbb77;
}
.button {
	float:left;
	width:144px;
	height:18px;
	border:1px solid #998800;
	background:#664400;
	color:#FFFFDD;
	font: 9pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	cursor: pointer;
}
#footer {
	font: 9pt/200% Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #446644;
}
#footer a {
	font: 8pt/200% Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #336633;
}
#footer a:hover {
	font: 8pt/200% Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color: #889988;
}
#footer span {
	font: 8pt/200% Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #336633;
}
#header {
	background: url(../images/head_bg.png) repeat-x;
	height: 76px;
	text-align: left;
	width: 1024px;
}
#main {
	width: 1024px;
	float: left;
	border-bottom: 1px solid #BBBBBB;
}
#nav {
	height: 20px;
	background:#444444;
	border: 1px solid #BBBBBB;
	clear:both;
}
#page {
	text-align: center;
	width:1024px;
	background: #eaffce;
	border: thin solid silver;
	margin: 0 auto;
}

I have tried adding top:0px; to body and divs and have read just about all of the margin-collapsing websites I can handle, but no answer is apparent.

Thanks in advance for any attempts.

Keep In Tune!
markei

markei · 03-16-2009, 11:09 PM

Since I can't find this answer in CSS and nobody will touch it, I have decided to use a workaround for now. It may be the only way to fix it, as the free web page banner may be making the site jump(but only in firefox) and I can't change that. I've spent too many hours researching this and I can usually find answers fairly quickly when I have an issue.

I am simply checking for the firefox browser and if detected, add this line of code to the <head> of the web page:
<style>#page{margin-top:-12px;}</style>

It works beautifully.

- even though I know it's "wrong".

HTML · 03-16-2009, 11:37 PM

With code, wrong is relative

I looked at the code the other day and assumed that it was probably the host inserted code. Good job on the fix.

markei · 03-16-2009, 11:46 PM

Thanks.

I know it's the right fix for now, I was just hopoing there was a more general solution, but at least I know it will display correctly in the most popular browsers IE and Firefox.

I'll have to check Browsershots to see how else it displays. If it displays wrong in everything but IE, I will reverse my code and check for NOT IE...lol

I know it's just a minor glitch, but it just bothers me...lol

03-16-2009, 11:09 PM	#2
markei New Member Join Date: Mar 2009 Location: Westminster, MD Webmaster Discussions: 19 Rep Power: 10	Re: Another Firefox Space Issue Since I can't find this answer in CSS and nobody will touch it, I have decided to use a workaround for now. It may be the only way to fix it, as the free web page banner may be making the site jump(but only in firefox) and I can't change that. I've spent too many hours researching this and I can usually find answers fairly quickly when I have an issue. I am simply checking for the firefox browser and if detected, add this line of code to the <head> of the web page: <style>#page{margin-top:-12px;}</style> It works beautifully. - even though I know it's "wrong".

Thread Tools
Show Printable Version Email this Page
Rate This Thread
Rate This Thread:

Similar Webmaster Discussions
Thread	Webmaster Discussion Starter	Forum	Replies	Last Post
Javascript Issue	ainoy31	Javascript Forum	0	08-18-2008 02:44 PM
Need help with smiley issue.	Plaincat	PHP Forum	0	01-28-2008 08:41 PM
Perl/CGI issue	Iridium	CGI Perl Forum	1	11-02-2005 10:05 AM
MSIE/Firefox white space "gap"	chap23	CSS Forum	1	03-29-2005 09:05 PM
Need some help with alignment issue....	veggygurl	HTML Forum	3	01-18-2004 09:32 AM

03-16-2009, 11:37 PM	#3
HTML Administrator Join Date: Aug 2000 Location: San Antonio Webmaster Discussions: 3,296 Rep Power: 50	Re: Another Firefox Space Issue With code, wrong is relative I looked at the code the other day and assumed that it was probably the host inserted code. Good job on the fix. __________________ One Stop Domains - Advertise on AHFB2000 for as little as $20

03-16-2009, 11:46 PM	#4
markei New Member Join Date: Mar 2009 Location: Westminster, MD Webmaster Discussions: 19 Rep Power: 10	Re: Another Firefox Space Issue Thanks. I know it's the right fix for now, I was just hopoing there was a more general solution, but at least I know it will display correctly in the most popular browsers IE and Firefox. I'll have to check Browsershots to see how else it displays. If it displays wrong in everything but IE, I will reverse my code and check for NOT IE...lol I know it's just a minor glitch, but it just bothers me...lol