為什么我的網頁無法應用其CSS？
[英]Why can't my web page apply its CSS?
問題描述
我有一個簡單的網站（主要是靜態html / css），但由於某些原因，某些頁面無法在Firefox中使用外部CSS（在IE中有效）。
http://bjmarine.net/services.html-損壞
http://bjmarine.net/index.html-效果很好
我已經比較了兩個文件，看不到任何區別。 我已經在editplus和記事本中嘗試過它們。 當我用螢火蟲和新鮮的東西查看破碎的頁面時，我開始在各處看到一些漢字。 不知道如何解決此問題，或如何發生。 我擔心該網站已被其他人更改，或者編輯可能以某種方式添加了這些隱藏字符（我僅使用VS2008和editplus）。
我可以在殘破頁面上的js中看到錯誤，但相同的代碼在工作頁面上未顯示錯誤。
誰能提供解決方案和發生原因的原因？
謝謝丹尼斯
6 個解決方案
解決方案1
2 已采納 2009-11-06 20:00:15
檢查html文件的編碼
索引是ISO-8859-1和服務utf-16（這就是為什么您看到奇怪的字符的原因）。
在編輯器中打開文件，另存為，然后將service.html的編碼更改回iso。
解決方案2
1 2009-11-06 20:00:56
services.html似乎是使用UTF-16編碼的，因此Firefox嘗試使用相同的編碼來解釋樣式表。
關於您使用的編碼保持一致（UTF-8是一個不錯的選擇），並配置您的網絡服務器以在HTTP響應標頭中指定該編碼。
解決方案3
1
CSS文件中的“ ************************************************”評論可能是嘗試刪除該問題的問題。
警告：搜索'，'或'{'時，文件末尾意外。 由於選擇器錯誤，規則集被忽略。 源文件： http : //bjmarine.net/images/bjmarine.css行：1
並且根據Firefox（查看源），將損壞的源文件編碼為UTF-16（但已作為iso-8859-1使用）。
解決方案4
0 2009-11-06 20:03:10
您的javascript中出現錯誤：_gat未在...中定義。它看起來像services.html中的第184行。
解決方案5
0 2009-11-06 20:04:40
您可能要確保樣式表的路徑實際上到達了樣式表所在的文件夾。
完整路徑應為http://bjmarine.net/images/bjmarine.css
這是您的整頁，路徑已更正。
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta name="Description" content="Boats, Power, Sail, Marina, Berths, Malahide, Dublin, Bangor, Cork, Malta" />
<meta name="Keywords" content="your, keywords" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="Distribution" content="Global" />
<meta name="Author" content="Denis Hoctor - denishoctor@gmail.com" />
<meta name="Robots" content="index,follow" />
<link rel="stylesheet" href="http://bjmarine.net/images/bjmarine.css" type="text/css" /><link rel="icon" href="/favicon.ico" type="image/x-icon">
<title>BJ Marine.net Power/Sail New & Used Boats</title>
</head>
<body>
<!-- wrap starts here -->
<div id="wrap">
<div id="header">
<div id="logo"><img src="images/BJMarineLogo811x77.jpg" width="811" height="77" alt="BJ Marine Header" class="no-border" /></div>
<!-- Menu Tabs -->
<ul>
<li><a href="index.html"><span>Home</span></a></li>
<li><a href="featuredboats.html"><span>FeaturedBoats</span></a></li>
<li><a href="newboats.html"><span>NewBoats</span></a></li>
<li><a href="brokerage.html"><span>UsedBoats</span></a></li>
<li><a href="ouroffices.html"><span>OurOffices</span></a></li>
<li><a href="salesteam.html"><span>SalesTeam</span></a></li>
<li><a href="sellyourboat.html"><span>SellYourBoat</span></a></li>
<li id="current"><a href="services.html"><span>Services</span></a></li>
<li><a href="contact.html"><span>Contact</span></a></li>
</ul>
</div>
<!-- content-wrap starts here -->
<div id="content-wrap">
<div id="header-columns">
<div class="col7"><a href="new/newboatsframe.html#http://www.beneteau.com/" id="img_rollover_beneteau"><span>Beneteau</span></a></div>
<div class="col7"><a href="new/newboatsframe.html#http://www.searay.com/" id="img_rollover_searay"><span>Searay</span></a></div>
<div class="col7-center"><a href="new/newboatsframe.html#http://www.cranchi.com/" id="img_rollover_cranchi"><span>Cranchi</span></a></div>
<div class="col7-center"><a href="new/newboatsframe.html#http://www.ferretti-yachts.com/" id="img_rollover_ferretti"><span>Ferretti</span></a></div>
<div class="col7-center"><a href="new/newboatsframe.html#http://www.customline-yacht.com/" id="img_rollover_customline"><span>Customline</span></a></div>
<div class="col7-center"><a href="new/newboatsframe.html#http://www.mochicraft.com/" id="img_rollover_mochicraft"><span>Mochi Craft</span></a></div>
<div class="col7-center"><a href="new/newboatsframe.html#http://www.searanger.com/" id="img_rollover_searanger"><span>Searanger</span></a></div>
</div>
<div id="main">
<h1>Services</h1>
<p>At our bases in Malahide and Bangor we have the best lifting and boatyard facilities
on the east coast, with capacity for 180 boats ashore in safe, secure boatyards.</p>
<h3>Parts Department</h3>
<div class="staff-columns">
<div>
<p>Our parts department can be contacted directly by email at <a href="mailto:parts@bjmarine.net">parts@bjmarine.net</a> or telephone <strong>+353 1 8061560</strong>. We supply a comprehensive range of all spare parts for the boat brands that we sell. We also supply the following –</p>
<ul style="padding-left: 60px;">
<li>Raymarine onboard marine electronic instruments</li>
<li>Garmin marine equipment</li>
<li>C-Map electronic navigation charts</li>
<li>Navionics Marine Charts</li>
<li>Garmin Bluechart</li>
<li>Sparcraft masts, booms and rigging systems</li>
<li>Facnor furling systems</li>
<li>Quantum Sails, premier sail design and suppliers</li>
<li>Volvo, Yanmar and Mercruiser marine engine parts</li>
<li>Trailers</li>
</ul>
</div>
</div>
<a href="http://www.dmgsailsports.com/"><img src="images/dmglogo.jpg" width="294" height="130" alt="DMG services" class="float-right-noborder" /></a>
<br />
<h3>Training</h3>
<p>DMG Sailsports is an ISA Training Centre based in Malahide, Co. Dublin, Ireland. Their courses are based on the ISA Powerboat Scheme and ISA Windsurfing Schemes. Personalised private sail coaching is available to those who have their own boats and would like lessons tailored to their specific needs by our highly experienced ISA Instructors. All of our courses are delivered to the highest standards for both professional and recreational clients and are run all year round, 7 days a week.</p>
<br />
<h3>Marina Berths</h3>
<p>We can facilitate your boating needs in Portugal, Spain, France, Malta and many other Mediterranean destinations Berths and deliveries etc.</p>
<br />
<a href="http://www.lombard.ie/lombard/ireland/personal_customers/marine/index.html"><img src="images/lombard.jpg" width="220" height="83" alt="Lombard Marine Finance" class="float-right-noborder" /></a>
<h3>Finance</h3>
<p>Whatever your boating dream you could realise it quickly and easily with <a href="http://www.lombard.ie/lombard/ireland/personal_customers/marine/index.html">Lombard Marine Finance</a>.</p>
<br /><br />
<h3>Weather and tides</h3>
<ul class="tidelist">
<li>
<a href="http://www.met.ie/forecasts/sea-area.asp">Met Eireann</a> – Sea area Forcast
<a href="http://www.met.ie/forecasts/sea-area.asp"><img src="images/met_logo.gif" width="60" height="32" alt="MET Eireann logo" class="float-right-noborder-tides" /></a>
</li>
<li><a href="http://www.met.ie/latest/buoy.asp">M2 Weather buoy</a> – Approx 20 nautical miles east of Howth Headt</li>
<li>
<a href="http://www.ireland.com/weather/tides.htm">Irish Daily Tides</a>
<a href="http://www.ireland.com/weather/tides.htm"><img src="images/irishtimes_logo.gif" width="175" height="17" alt="Irish Times logo" class="float-right-noborder-tides" /></a>
</li>
<li>
<a href="http://www.windguru.cz/int/index.php?sc=47773">WindGuru</a>
<a href="http://www.windguru.cz/int/index.php?sc=47773"><img src="images/windguru_logo.gif" width="175" height="55" alt="Wind Guru logo" class="float-right-noborder-tides" /></a>
</li>
</ul>
</div>
<!-- content-wrap ends here -->
</div>
<div id="footer-wrap">
<div id="footer-columns">
<div class="col3">
<h3>Dublin</h3>
<code>
Malahide<br />
Dublin, Ireland<br />
Tel:(+353) 1 8061560<br />
<a href="mailto:sales@bjmarine.net">sales@bjmarine.net</a>
</code>
</div>
<div class="col3-center">
<h3>Cork</h3>
<code>
Co. Cork<br />
Ireland<br />
Tel:(+353) 87 7712224<br />
<a href="mailto:sales@bjmarine.net">sales@bjmarine.net</a>
</code>
</div>
<div class="col3-center">
<h3>Belfast</h3>
<code>
Bangor Marina<br />
Co. Down, N. Ireland<br />
Tel:(+44) 2891 271434<br />
<a href="mailto:sales@bjmarine.net">sales@bjmarine.net</a>
</code>
</div>
<div class="col3">
<h3>Mediterranean</h3>
<code>
Grand Harbour Marina<br />
Malta<br />
Tel:(+356) 27019356<br />
<a href="mailto:sales@bjmarine.net">sales@bjmarine.net</a>
</code>
</div>
<!-- footer-columns ends -->
</div>
<div id="footer-bottom">
<p>
© 2008 <strong>BJ Marine Ltd.</strong> |
Design by: <a href="mailto:denishoctor@gmail.com">Denis Hoctor</a> |
Valid <a href="http://validator.w3.org/check?uri=referer">XHTML</a> |
<a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>
<a href="index.html">Home</a> |
<a href="contact.html">Contact</a>
</p>
</div>
<!-- footer ends-->
</div>
<!-- wrap ends here -->
</div>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-1206900-2");
pageTracker._initData();
pageTracker._trackPageview();
</script>
</body>
</html>
除了顯示徽標外，將此路徑本地放置在頁面本身中也很容易。
祝您好運，希望對您有所幫助。
解決方案6
0 2009-11-06 20:27:36
看起來您有一些CSS錯誤。
.align-centre
可能拼寫錯誤，並且選擇器屬性未通過以下方式關閉：
}
我將運行css文件，並確保它是有效的。
為什么方法addStyleSheet不會將css文件添加到joomla 3.4中的網頁
[英]why the method addStyleSheet ,, doesn't add my css files to my web page in joomla 3.4
為什么我的網頁過渡無效？ （HTML，CSS，JavaScript）
[英]Why isn't my web page transition working? (HTML, CSS, JavaScript)
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.