2011-02-08 22 views
0

我正在將HTML文件加載到iframe中,並且它具有鏈接的CSS文件*。這在Mozilla中按預期工作,但不在IE和Chrome中,根本沒有應用CSS。我怎樣才能解決這個問題?iframe中的樣式化HTML頁面的問題(在Chrome和IE中)

*產生的iframe中使用Microsoft Excel

<div id="reportholder" style="width:100%; height:100%;"> 
    <iframe name="framename" style="width:100%;height:100%" id="myframe" src="Areas/askue_akt/App_Data/08022011000000.html"></iframe> 
</div> 

HTML:

<head> 

<meta http-equiv=Content-Type content="text/html; charset=windows-1251"> 

<meta name=ProgId content=Excel.Sheet> 

<meta name=Generator content="Microsoft Excel 11"> 

<link id=Main-File rel=Main-File href="../08022011000000.html"> 

<link rel=File-List href=filelist.xml> 

<link rel=Edit-Time-Data href=editdata.mso> 

<link rel=Stylesheet href=stylesheet.css> 

<style> 

<!--table... 
+0

一些相關的代碼會非常有用;) – 2011-02-08 06:40:18

+1

作爲一個附註,爲什麼要使用$ .append來加載一個HTML文件...爲什麼不改變src屬性呢? – aviraldg 2011-02-08 06:42:10

回答

1

第一關:Excel中會產生災難性的HTML。你很幸運,它可以工作。甚至連微軟自己的IE都無法應付的事實,都應該暗示它有多糟糕。因此,首先應該考慮的是,除了使用Excel的HTML之外,您是否還沒有其他選擇。你可以嘗試的是validate的HTML和糾正錯誤,但錯誤的數量可能會壓倒大。

爲了解決樣式表問題,你應該做的一件事是檢查服務器是否使用正確的MIME類型。這在Firefox中是最簡單的。直接在瀏覽器中加載CSS的URL,並在菜單Tools> Page Information中查看。在「類型」下面應該說text/css。如果沒有,那麼有些東西可能與您的服務器配置有關。