CSS编码不适用于Firefox/Google，但适用于IE(如图) [英] CSS Coding not working on Firefox/Google but is working on IE (go figure)

问题描述

查看网站: www.petalumaadobe.com [

View website: www.petalumaadobe.com[^] on I/E and on Google/Firefox to see what I mean.

Please help! I am a novice and trying to help out a park.
It says I have solved this issue, but I haven''t. The code works on I/E but not on any other browser. I don''t know how to fix this.

body  {background-color:#dfca93; font-family: Verdana, Tahoma, Arial, sans-serif; font-size:1em; color:#453823; margin: 0px 150px 0px 50px;}
		   
h1, h4 {letter-spacing:-1px; }	  	
h1 {font-size:200%; font-family: "Viner Hand ITC", Verdana, Tahoma, Arial, sans-serif; padding-left:115px; padding-top:10px; padding-bottom:45px; background-image:url(images/logo.jpg); background-repeat:no-repeat; 
background-position:center left; }
h2  {font-size:140%; text-transform:uppercase; letter-spacing:+2px; color:#333399; background-color:#dfca93; border-bottom: 2px solid #382E1C;}			
h3  {font-size:120%; letter-spacing: 1px; }	
h4  {font-size:100%; font-style:italic; letter-spacing: +1px;}

p {font-size:90%; line-height:150%; background-color:#dfca93; color:#2C2416; }
p.indent {text-indent:25px;}
p.bold {font-weight: bold; }
p.center {text-align: center;}

.years {text-transform:uppercase; font-weight:bold; font-size: 150%; margin-bottom:10px; padding: 10px; background-color: #FFF8DC; border-color:#453823; border-width: 2px; border-style:solid;  }

.next {font-style:normal; font-weight: bold; font-size: 120%; padding: 8px; background-color: #FFF8DC; border-color:#453823; border-width:2px; border-style:solid; }

.date {font-weight: bold; font-size: 120%; line-height: 100%; }

.event {color:#333399; font-size: 120%; }

table {border: solid #453823; margin:10px; border-collapse:collapse;background-color:#C2BA63; text-align:center;}

td, th {border:thin solid #453823; padding:6px; border-spacing:0px; }
th {background-color:#FFF8DC;}

.darkrow {background-color:#C3C3E5;}

caption {padding-bottom:6px; text-align:center;}

#form th {text-align:right; vertical-align:top; font-weight:normal; padding:4px 12px 4px 4px; background-color:#FFF8DC;}
#form td {text-align:left; vertical-align:top; font-weight:bold; padding:4px 4px 4px 12px;}

#address {border-color:#453823;
border-width:2px;
border-style:solid;
padding: 5px; 
margin:30px 100px;
text-align:center;
font-family: Verdana, Tahoma, Arial, sans-serif;
font-size:100%; color:#333399; font-weight:bold;
background-color:#FFF8DC; }

a {font-weight:bold; }
a:link {color:#333399; background-color:#dfca93;}
a:visited {color:#443266; background-color:#dfca93;}
a:hover {color:#8C489F; background-color:#dfca93;}
a:active {color:#8C489F; background-color:#dfca93;}

#bar{width:250px; float:left; }

#nav a {border-width: thin; border-style:solid; 
font-size: 15px; 
background-color: #333399; 
text-decoration:none; 
text-align: center; 
padding:8px; 
margin-right: 30px;
margin-bottom: 50px; 
margin-top: 50px; 
color:#C3C3E5; } 

#nav a:link {background-color:#333399; }
#nav a:visited {background-color:#443266;}
#nav a:hover {background-color:#8C489F;}

#content {margin-left:280px; line-height:125%; }
#footer {margin-left:250px; line-height: 100%; }

#content-2 {width:225px; float:right; margin-bottom: 150px; margin-top:50px;}
#content-3 {width:225px; margin-left:300px; margin-bottom: 150px; margin-top: 50px; }

#container {width:780px; margin-left:auto; margin-right:auto;}

推荐答案

由于某种原因，如果我在Firefox中打开css文件，它会像一堆一样出现unicode字符(看起来大多像中文).我认为文件的编码有问题(例如，当它实际上是UTF-8或类似的东西时，它会认为它是UTF-16).您可能想尝试使用其他编辑器重新保存它，然后看看会发生什么.

For some reason, if I open the css file in Firefox, it comes up as a bunch of unicode characters (looks mostly like Chinese). I think something''s wrong with the encoding of the file (like it thinks it''s UTF-16 when it''s actually UTF-8 or something like that). You might want to try re-saving it with a different editor and see what happens.

我不确定我做了什么，但是我将记事本文件重新保存为UTF-8，而不是UTF-8 ANSI或unicode.而且，它现在似乎正在工作.主机公司找不到任何错误，因此它在Cyper世界中可能只是一个小故障.非常感谢您的协助.

I am not sure what I did, but I resaved the notepad file as a UTF-8 instead of ANSI or unicode. And, it seems to be working now. The host company couldn''t find anything wrong, so it may have just been a glitch in cyper world. Thank you so much for all of your assistance.

这篇关于CSS编码不适用于Firefox/Google，但适用于IE(如图)的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！