FF and IE (i think) CSS probs...

[eZe616]

Ok... I have been having some CSS problems with my page. I am currently using Maxthon Browser, basicly using the IE engine. and also using FF. Now I have been using CSS to style my page but it won't show properly in FF

 

here's the site http://eze.piccolospalace.net/

 

I am also using the calender that was build using the tutorial on phpfreaks which can be found here http://www.phpfreaks.com/tutorials/83/0.php

 

Now my problem is FF renders the CSS from the Calender and my Own CSS code differently..or better said doesn't process [seems] the file at all. Same thing with my form. Maxthon browser renders it perfectly but FF doesn't I'm sure it's the code, somehow I screw it up. Cause if I do the instyle CSS, as in "style=' font ....;'" , then FF does render it well. but I want a separate CSS file, not the "style:'blablab;" .. Thing...

 

Here are my CSS code for the site...

 

 

body {

  background: #fff;
  font-family: Verdana;
  color: #666;
  font-size: 10px; 
  padding: 0px;
			}

p {
  font-family: Verdana;
  font-size: 11px;
  text-align: left; }

a {
  color: #3b5998;
  text-decoration: none; }

img {
  border: 0px; }

td,
td.label {
  text-align: left; }

.text1 {	

font-size : 10px!;
font-family: verdana!;
color:	#666!;
text-align: right!;

/* FireFox Code*/
font-size: 10px;
font-family: verdana;
color:	#666;
text-align: right;

}



.text2 {	

font-size : 10px!;
font-family: verdana!;
color:	#666!;

/* FireFox Code */	
font-size : 10px;
font-family: verdana;
color:	#666;

}



.contentbox {

	 display:	block;
  	padding:	10px 10 0 10;
  	

}



.1 {		border-bottom: 1px dotted #ccc!; 

}



.imgpad {

	margin-left: 10px;

}


.casinfo td {

	border: 0px dotted #ccc;
	border-bottom: 1px dotted #ccc;

	font-size : 10px!;
	font-family: verdana!;
	color:	#666!;

	/* FireFox Code */	
	font-size : 10px;
	font-family: verdana;
	color:	#666;

}


}


.forminput {	
	color: 			#666666; 
	background-color: 	#FFFFFF; 
	border: 		1px dotted #ccc; 
	font-family: 		verdana; 
	font-size: 		10px;

}

/*  ------------------------------------------------------------------------
                              Calender CSS
    ------------------------------------------------------------------------  */


A:Link,A:visited,A:active {	font-family: Verdana;
			font-size: 10px;
			color:  #666;
			text-decoration:none;

		}

A:hover {		
		font-family: Verdana;
		font-size: 10px;
		color:#000000;
		text-decoration:none;
	}


.table.calendar {	
		border: 	0px solid #000000; 
		color: 		#000000; 
		background: 	#FFFFFF; 
		font-family:	Verdana;
		font-size:	10px;
		color:		#666;

	} 


.td.today { 	
	border: 0px solid white; 
	color: #000000; 
	background: #e5eef3; 
	font-weight: bold;
	font-family: Verdana;
	font-size: 10px;

} 


.td.monthdays {	
	border: 0px solid #434470; 
	color: #000000; 
	background: #FFFFFFF; 
	font-family: Verdana;
	font-size: 10px;

} 


.td.nonmonthdays { 	
		border: 0px solid white; 
		color: #000000; 
		background: #EFEFEF;
		font-family: Verdana;
		font-size: 10px;

	} 

.daysname {	
	border-bottom: 	1px dotted #ccc;
	font-family:	Verdana;	
	font-size:	10px;
}

 

 

Here's the Code for the form:

 

<table cellspacing="0" cellpadding="0" border="0" class="text2">
<tr><td>

<form action="make.php" method="post" class="text2">

<table width="150" height="85" cellspacing="0" cellpadding="2" border="0" class="text2">
<tr>
<td >

<b>	Log in:		</b>

</td></tr>

<tr>
	  <td align="left">

Username:  </td>

<td align="right"> 

<input type="text" name="username" size="20" class="forminput">				
</td>

<tr><td>

Password: 

<td><input type="password" name="password" size="20" class="forminput">			

</tr></td>

<tr><td colspan="2">

<input type="submit" value="submit" name="submit" align="right">

</tr></td>

</table>

</form>

 

[mainewoods]

for css selectors like this, leave off the first period:

.table.calendar {	
    border: 0px solid #000000; 
    color:	#000000; 
    background:#FFFFFF; 
    font-family:Verdana;
    font-size:10px;
    color:	#666;
} 

--did you try validating your page? FF doesn't like pages that don't validate.  Put this link in your page to validate it:

http://validator.w3.org/check?uri=referer

 

It's my experience that firefox doesn't like html forms that start in a td, that td ends and another td  starts, and then the form ends after the table ends.  Put the form tag before the table tag and then put the /form after the /table.

<form><table> **fields within <td>s** </table></form>

[eZe616]

Tnx for the reply..yeah, the time I posted this my page wasnt' validated..But I already solved the problem...

tnx anyway..