Powered by:
FutureQuest Hosting


"...Remember being a youngster, mom or dad telling you "close the door"? Well the same applies to HTML ...."

Web Hosting
Shared       
Reseller     
VPS             
Dedicated 
Price:   $(US)
Space:     (MB)
Transfer:(GB)
Platform:


Advertise
Advertising Opportunities
Rate Card

Sponsor
Go Back   Webmaster Forums > Code Forum > CSS Forum


Reply
 
Thread Tools Rate this Webmaster Discussion
  #1  
Old 03-12-2009, 10:20 AM
markei markei is offline
Junior Member
 
Join Date: Mar 2009
Location: Westminster, MD
Webmaster Discussions: 14
Rep Power: 6
markei has a spectacular aura about markei has a spectacular aura about
Question Another Firefox Space Issue

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


Reply With Quote
  #2  
Old 03-17-2009, 12:09 AM
markei markei is offline
Junior Member
 
Join Date: Mar 2009
Location: Westminster, MD
Webmaster Discussions: 14
Rep Power: 6
markei has a spectacular aura about markei has a spectacular aura about
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".
__________________
Keep In Tune!
markei
Reply With Quote
  #3  
Old 03-17-2009, 12:37 AM
HTML's Avatar
HTML HTML is offline
Administrator
 
Join Date: Aug 2000
Location: San Antonio
Webmaster Discussions: 3,261
Rep Power: 50
HTML has a reputation beyond repute HTML has a reputation beyond repute HTML has a reputation beyond repute HTML has a reputation beyond repute HTML has a reputation beyond repute HTML has a reputation beyond repute HTML has a reputation beyond repute
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.
Reply With Quote
  #4  
Old 03-17-2009, 12:46 AM
markei markei is offline
Junior Member
 
Join Date: Mar 2009
Location: Westminster, MD
Webmaster Discussions: 14
Rep Power: 6
markei has a spectacular aura about markei has a spectacular aura about
Thumbs up 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
__________________
Keep In Tune!
markei
Reply With Quote
Reply
Sponsor

Bookmarks

Tags
css , firefox , space , top , white space

Thread Tools
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 03: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


All times are GMT -5. The time now is 10:23 PM.

Copyright © 1999 - 2009 Advanced HTML For Beginners and AHFB2000. All rights reserved.
Powered by vBulletin® Version 3.8.1
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.