Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

CSS Forum


You are currently viewing our CSS Forum as a guest. Please register to participate.
Login


Tycoon Talk > Web Development and Programming Support > CSS Forum > Need some help getting my site to work in FireFox

Reply
Need some help getting my site to work in FireFox
Old 06-22-2008, 07:00 AM Need some help getting my site to work in FireFox
Experienced Talker

Posts: 33
Trades: 0
Talkupation: fadetoblack is on a distinguished road
Hello, my site: http://www.my-plague.net/ works in Opera and Internet Explorer, but not FireFox.

You can see the image here of what it does in FireFox:
http://i262.photobucket.com/albums/i...ack22/page.jpg

I think basically, the text is pushing to the left and in turn pushing everything else down.

Its strange because it only happens in FireFox (version 2 anyway).

The css for the central parts is under "-------------Casino Review box------------"

If someone could have a look for me that would be great!

Code:
body {
	background-color: #4F4F4F;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #1F3389;
	line-height: 18px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 0px;
	background-image: url(images/);
}





.list {
	float:left;
	list-style:none;
	display:block;
	margin: 5px 3px 3px 3px;
        padding: 0px 0px 0px 0px;
}

.listposition {
	float:left;
	text-align:center;
	color:#FFFFFF;
	margin: 3px 3px 3px 50px;
	padding: 0px 0px 0px 0px;
}

select.width {width: auto;}

option.title {font-weight: bold; color: black; background-color: #B4B6B9;}



.header {
	margin-left: auto;
	margin-right: auto;
	width: 97%;
	text-align: center;
	background-color: #4F4F4F;
	height: 35px;
	font-size: 11px;
	color: #AFAFAF;
	padding-top: 0px;
	padding-bottom: 5px;
	line-height: 35px;

}


.mainheader {
	margin-left: auto;
	margin-right: auto;
	width: 922px;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 136px;
	text-align: left;
	padding-left: 12px;
	vertical-align: top;
	color: #FFFFFF;
	padding-top: 0px;
}



.topnav {
	float: right;
	padding-top: 3px;
	height: 102px;
}
a.linkopacity img {
	filter: alpha(opacity=80);  
	opacity: 0.8; 
	}
	
a.linkopacity:hover img {
	filter: alpha(opacity=100);      
	opacity: 1.0;
}
.navbuttons {
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	height: 103px;
}



h1 {
	font-size: 11px;
	color: #AFAFAF;
	margin: 0px;
	padding: 0px;
	text-align: center;
}



h2 {
	font-size: 10px;
	color: #FFFFFF;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
h3 {
	font-size: 14px;
	color: #990000;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

h4{font-size: 12px;}


.infohead {
	width: 884px;
	text-align: center;
	background-image: url(images/headbg.jpg);
	height: 30px;
	border: 1px solid #6BA0E0;
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
	color: #FFFFFF;
}
.subinfo, .subinfo2, .subinfo3, .subinfo4, .subinfo5 {
	width: 877px;
        height: 200px;
	text-align: left;
	padding: 3px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #6BA0E0;
	border-bottom-color: #6BA0E0;
	border-left-color: #6BA0E0;
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #EFF6FF;
}



.subinfo2 {
	width: 877px;
	background-color: #DADEE2;
}

.subinfo3 {
           height: 275px;
           background-color: #DADEE2;
}


.subinfo4 {
           height: 255px;
           background-color: #DADEE2;
}

.subinfo5 {
           height: auto;
}



/*
-------------Casino Review box------------
*/


.left-logo {
	float:left;
}

.bonus {
	float:right;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


.casinotitle {
	float:left;
	width: 500px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	padding:0px 0px 0px 0px;
	margin: 8px 8px 8px 8px;
	font-weight:bold;
}

.casinotext {
	float:left;
	width: 500px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:justify;
	padding: 0px 0px 0px 0px;
	margin: 8px 8px 8px 8px;
}


.buttons {
	float:left;
	list-style:none;
	display:block;
	margin: 5px 0px 0px 140px;
	padding: 0px 0px 0px 0px;
}

.download {
	float:left;
	text-align:center;
	color:#FFFFFF;
	margin: 0px 0px 0px 70px;
	padding: 0px 0px 0px 0px;
}
.play {
	float:left;
	text-align:center;
	color:#FFFFFF;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
}



/*
-------------End Casino Review box------------
*/


a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #1F3389;
	text-decoration: underline;

}
a:visited {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #1F3389;
	text-decoration: underline;
}
a:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
	text-decoration: underline;
}
a:active {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #990000;
	text-decoration: none;
	
}





.border img {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;	
}

.subtext {
	margin-left: auto;
	margin-right: auto;
	width: 906px;
	text-align: center;
	background-color: #1F3389;
	border: 3px solid #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	line-height: 12px;
	padding: 5px;
}
.ads {
	margin-left: auto;
	margin-right: auto;
	width: 916px;
	text-align: center;
	background-color: #1F3389;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	height: 90px;
}


.middlenav {
	margin-left: auto;
	margin-right: auto;
	width: 916px;
	text-align: center;
	background-color: white;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	vertical-align: top;
}
.middlenav img {
	border: 1px solid #FFFFFF;
	padding-top: 1px;
	padding-right: 1px;}
	
	
.middlenav2 {
	padding-left: 3px;
	background-color: white;
	padding-top: 4px;
	padding-bottom: 4px;

	}
	

.middlemenubuttons {
	padding-top: 3px;
	height: 300px;
	background-color: #CCCCCC;
	margin: 2px;
}
.content {
	margin-left: auto;
	margin-right: auto;
	width: 906px;
	text-align: center;
	background-color: #DBDBDB;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #1F3389;
	padding: 5px;
	height: auto;
}
.smallad{
	float: right;
}
.rightcontent{
	text-align: left;
	background-color: #FFFFFF;
	border: 1px solid #1F3389;
	width: 885px;
	padding: 4px;
	margin: 5px;
}



.footer {
	margin-left: auto;
	margin-right: auto;
	width: 922px;
	text-align: center;
	background-color: #1F3389;
	height: 60px;
	background-image: url(images/footerbg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	color: #FFFFFF;
}
#footercategories a {
	display: block;
	color: #ffffff;
	border: none;
	background-color: #1F3389;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 30px;
	line-height: 30px;
}
#footercategories a:hover {
	display: block;
	color: #ffffff;
	border: none;
	background-color: #1F3389;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 30px;
	line-height: 30px;
}
.listing {
	width: 907px;
	text-align: left;
	border: 1px solid #1F3389;
	background-color: #E6E6E6;
	padding: 5px;
	height: 130px;
}
.porlink {
	border: 1px solid #006699;
}
.porlink a{
	color: #990000;
	padding: 2px;
	width: auto;
	font-size: 12px;
	text-decoration: none;
}
.porlink a:visited {

	color: #990000;
	padding: 2px;
	width: auto;
	font-size: 10px;
	text-decoration: none;
}
.porlink a:hover{
	color: #FF0000;
	padding: 2px;
	width: auto;
	font-size: 12px;
	text-decoration: none;
}
.porlink a:visited{
	color: #990000;
	padding: 2px;
	width: auto;
	font-size: 12px;
	text-decoration: none;
}
.subhead {
	font-weight: bold;
	color: #990000;
	font-size: 12px;
}

.saddescription{
	float: left;
}
.custominput {
	color: #0000CC;
	background-color: #E7E7E7;
	border: 1px solid #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 16px;
	width: 500px;
	line-height: 20px;
	font-weight: bold;
	padding-top: 4px;
	padding-left: 5px;
	background-image: url(images/custominputbg.gif);
	background-repeat: repeat;
}
.customtextarea {
	color: #0000CC;
	background-color: #F1F1F1;
	border: 1px solid #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	overflow: auto;
	width: 500px;
	font-weight: bold;
	padding-top: 3px;
	padding-left: 5px;
}
.enquirybutton {
	color: #000066;
	background-color: #FFFFFF;
	border: 1px solid #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	overflow: auto;
	width: 50px;
	height: 30px;
	margin: 0px;
	padding: 0px;
}
select {
	color: #0000CC;
	background-color: #E7E7E7;
	border: 1px solid #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	overflow: auto;
	width: 230px;
}
.linlin {
	font-size: 14px;
	font-weight: bold;
	color: #990000;
}
#linksmenu a {
	display: block;
	color: #990000;
	border: 1px solid #ACCDFF;
	background-color: #EFF6FF;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 20px;
	line-height: 20px;
}
#linksmenu a:hover {
	display: block;
	color: #990000;
	border: 1px solid #ACCDFF;
	background-color: #B9D5FF;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 20px;
	line-height: 20px;
}
hr {
	width: 75%;
	margin-right: auto;
	margin-left: auto;
}
.onlinegamingmenu {
	width: 176px;
	height:113px;
	border: 1px solid #FFFFFF;
 }
.onlinegamingmenu2 {
	width: 176px;
	height:113px;
	border: 1px solid #FFFFFF;
 }
.topmenu {
 	border-right: 1px solid #fff;
	width: 35px;
 	height:102px;
 }
.topmenu2 {
	width: 35px;
 	height:102px;
 }
.contactform {
	border: 1px solid #000D45;
	margin: 2px;
	padding: 2px;
}
.returntotop {
	padding: 3px;
	line-height: 20px;
	height: 20px;
	background-color: #CDFCD6;
	display: block;
	border: 1px solid #099321;
	width: 150px;
	margin-top: 3px;
	margin-bottom: 3px;
	text-align: center;
}
.faqpoints {
	display: inline;
}
#subnames {
	background-color: #FFD9D9;
	padding: 10px;
	float: right;
	height: auto;
	width: auto;
	border: 1px solid #AC0000;
	margin: 4px;
}
.keywords {
	color: #2844B0;
	font-style: italic;
}
.linkbuttonhighlight {

	padding: 3px;
	line-height: 20px;
	height: 20px;
	background-color: #CDFCD6;
	display: block;
	border: 1px solid #099321;
	width: auto;
	margin-top: 3px;
	margin-bottom: 3px;
	text-align: center;
}
.addcustomfield {
	font-weight: bold;
	height: 17px;
	width: 400px;
	padding-top: 3px;
	padding-left: 3px;
}
#directorycat {
	border: none;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
}
#directorycat a {
	border: none;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	height: 30px;
	width: 250px;
}
#directorycat a:hover {
	border: none;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	height: 30px;
	width: 250px;
	color: #FF0000;
}
.mainlinkcontent {
	background-color: #EAF3FF;
	border: 1px solid #B7D6FF;
}
.reviewbox {
	background-color: #FFF7EE;
	padding: 5px;
	border: 1px dashed #000000;
}
.articles {
	border: 1px solid #475AAE;
	margin: 2px;
	padding: 2px;
}
.articles a {
	background-color: #F2F2F2;
	display: block;
	margin: 2px;
	padding: 2px;
	border: 1px solid #D3D3D3;
	font-size: 10px;
	font-weight: bold;
	color: #990000;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.articles a:visited {
	background-color: #F2F2F2;
	display: block;
	margin: 2px;
	padding: 2px;
	border: 1px solid #D3D3D3;
	font-size: 10px;
	font-weight: bold;
	color: #990000;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.articles a:hover {
	background-color: #E0E0E0;
	display: block;
	margin: 2px;
	padding: 2px;
	border: 1px solid #B2B2B2;
	font-size: 10px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.articles a:active {
	background-color: #F2F2F2;
	display: block;
	margin: 2px;
	padding: 2px;
	border: 1px solid #D3D3D3;
	font-size: 10px;
	font-weight: bold;
	color: #990000;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#articleadvert {
	position: absolute;
	top: 0px;
	left: 0px;
}.rank {
	background-color: #FFEBD7;
	padding: 2px;
	width: 50px;
	text-align: center;
}
.dailypromo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 40px;
	text-align: center;
	height: 40px;
	border: 1px dashed #4256A9;
	padding: 4px;
	background-color: #C6DEFF;
	margin-top: 8px;
	margin-right: 4px;
	margin-bottom: 8px;
	margin-left: 4px;
}

table img {padding-top: 2px;}



/* Soccerway.com leaguetable CSS */
.lt_leaguetable {
width:675px;
margin: 0px 0px 0px 0px;
font-family: verdana,arial,helvetica,sans-serif;
font-size:9px;	
}
fadetoblack is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 06-22-2008, 07:06 AM Re: Need some help getting my site to work in FireFox
Sleeping Troll's Avatar
Ultra Talker

Posts: 351
Name: Butch Begy
Trades: 0
Talkupation: Sleeping Troll will become famous soon enough
You would think that browsers would be becoming more standard wouldn't you? Instead they are concentrating on "features" rather than standards, a real pissing contest. I have pretty much given up on cross browser compatibility, whatever you fix today will be broken tommorow. If you must have cross browser compatibility, I suggest duplicating your site in a sub domain... a lot less trouble in the long run. A quick look at your css reveals the problem though, if you eliminate borders and padding, I think most of your probs will go away!
Last edited by Sleeping Troll; 06-22-2008 at 07:10 AM.. Reason: More info
Sleeping Troll is offline
Reply With Quote
View Public Profile
 
Old 06-22-2008, 07:30 AM Re: Need some help getting my site to work in FireFox
Experienced Talker

Posts: 33
Trades: 0
Talkupation: fadetoblack is on a distinguished road
Yes, I agree! I can't see why they can't get simple things the same in each browser.

Thanks for the help. I didn't think that it could be the padding. Its stupid that padding should be different in a different browser.

Although, someone told me it looks ok in FF3, so they may have fixed it.
fadetoblack is offline
Reply With Quote
View Public Profile
 
Old 06-22-2008, 11:17 AM Re: Need some help getting my site to work in FireFox
LadynRed's Avatar
Defies a Status

Posts: 10,016
Location: Tennessee
Trades: 0
Talkupation: LadynRed has a reputation beyond reputeLadynRed has a reputation beyond reputeLadynRed has a reputation beyond reputeLadynRed has a reputation beyond reputeLadynRed has a reputation beyond reputeLadynRed has a reputation beyond reputeLadynRed has a reputation beyond reputeLadynRed has a reputation beyond reputeLadynRed has a reputation beyond reputeLadynRed has a reputation beyond reputeLadynRed has a reputation beyond repute
Quote:
. If you must have cross browser compatibility, I suggest duplicating your site in a sub domain..
I disagree completely. There is simply no need for this at all IF you learn the PROPER way to use CSS. That means using conditional comments to call a separate 'fixes only' css file to kick IE, the LEAST standards-compliant browser, into submission. It means having a proper DOCTYPE and writing valid HTML.

One of the first steps in mastering CSS is to learn the Box Model and how things like borders, margins and padding affect it.

If you were using a BETA version of FF3, your complaint about it, IMO, was premature. You're ALWAYS going to have some unexpected things with pre-release software.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE
LadynRed is offline
Reply With Quote
View Public Profile
 
Old 06-22-2008, 12:52 PM Re: Need some help getting my site to work in FireFox
Super Talker

Posts: 107
Name: Sandy
Trades: 0
Talkupation: sandyk3 is on a distinguished road
Can I add a comment about the styling? I know you did not ask for a critique but the tabs at the top and the buttons.. it's hard on my eyes. I have to have prisms in my glasses to help my muscles go from near site to far site... and this affects the way I see some reds and blues. I think the red around the words is making it hard for me. You could deepen the color to a maroon and that may help. Some reds and blues make things look 3d'ish. Just my opinion and like I said, I know you didn't ask for it.
__________________
Sandy K
sandyk3 is offline
Reply With Quote
View Public Profile
 
Old 06-24-2008, 06:01 PM Re: Need some help getting my site to work in FireFox
Experienced Talker

Posts: 33
Trades: 0
Talkupation: fadetoblack is on a distinguished road
Quote:
If you were using a BETA version of FF3, your complaint about it, IMO, was premature. You're ALWAYS going to have some unexpected things with pre-release software.
No, I was saying that it worked in FF3. It didn't work in FF2.
fadetoblack is offline
Reply With Quote
View Public Profile
 
Old 06-24-2008, 06:04 PM Re: Need some help getting my site to work in FireFox
Experienced Talker

Posts: 33
Trades: 0
Talkupation: fadetoblack is on a distinguished road
Quote:
Can I add a comment about the styling? I know you did not ask for a critique but the tabs at the top and the buttons.. it's hard on my eyes. I have to have prisms in my glasses to help my muscles go from near site to far site... and this affects the way I see some reds and blues. I think the red around the words is making it hard for me. You could deepen the color to a maroon and that may help. Some reds and blues make things look 3d'ish. Just my opinion and like I said, I know you didn't ask for it.
You are free to say what you like. I think it may be because of the whiteness of the text rather than the colour of the tab. Or even the text spacing.
fadetoblack is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to Need some help getting my site to work in FireFox
 
Previous Thread | Next Thread Tycoon Talk > Web Development and Programming Support > CSS Forum > Need some help getting my site to work in FireFox

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off




   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.25200 seconds with 12 queries