託管網頁時CSS佈局失敗

Question

我有一個CSS佈局的網頁。本地一切工作正常。在IE瀏覽器Chrome &中正確生成了佈局。但是，當同一頁面託管時，它在IE中完全混亂。

總結：

本地：文件：/// C：/website/index.htm

• 鉻：好！
• IE 10：好的！

託管：http://www.website.com/index.htm

• 鉻：好！
• IE 10：NOk！

有沒有人有關於這個問題的想法？代碼至極的

例本地工作，但不在線：

CSS

.headerleft { 
    float: left; 
    width: 246; 
    height: 56; 
    background-image:url(images/Logo_2.png);  
} 

HTML

<div class = "headerleft">  
</div> 

樣式錶鏈接

<link href="style.css" type="text/css" rel="stylesheet" /> 

這裏例如div大小爲空，並且不顯示背景圖像。

Answer 1

添加此行到您的CSS。不要刪除任何東西。看看這是否使圖像加載在IE9中。

background: url('/images/Logo_2.png'); 

此外，如果你希望它不會重複添加

background: url('/images/Logo_2.png') no-repeat; 

我還必須補充你的問題是有點混亂。您添加的鏈接似乎將我發送到網站建設者主頁面。

您可能會遇到一些問題。

1. 由於某些原因，您提供的鏈接的擴展名爲.htm而非.html。 在瀏覽器中更改此設置無濟於事。

2. 您可能會混淆鏈接查看您的網頁鏈接到您使用創建它的主網站。

3. 您可能已更改服務器上的htaccess文件中的設置，以使用不同的文件擴展名加載頁面。

如果這些步驟沒有幫助，請提供更多信息，我會盡我所能爲您提供幫助。

如果你在浮動後注意到你的div的不規則行爲，那麼clearfix可能會有所幫助。這是通過清理浮游物來完成的。

clear: both; 

這是你清楚彩車如何：

閱讀，以幫助您瞭解： http://css-tricks.com/all-about-floats/

這裏是和示例代碼：

在CSS創建一個類

.clearfix:after { 
    visibility: hidden; 
    display: block; 
    font-size: 0; 
    content: " "; 
    clear: both; 
    height: 0; 
    } 
* html .clearfix    { zoom: 1; } /* IE6 */ 
*:first-child+html .clearfix { zoom: 1; } /* IE7 */ 

現在您添加明確的fi x到你的HTML

<div style="float: left;" class="clearfix">Sidebar</div>