2011-08-17 88 views
0

大家好 - 我的工作有幾個網站,全部在內部託管。每個站點都位於Web服務器上的wwwroot下直接位於其自己的文件夾中。這是我的問題:什麼可能導致HTML文件顯示不同的文件夾?爲什麼網頁顯示不同於其他文件夾?

爲什麼我問:我最近在本地查看時看起來很棒的網站。如果我將這些文件放入我們的主.com網站所在的文件夾(並通過www地址查看),它將完美顯示。但是 - 當我把這些文件放到它應該存在的相鄰文件夾中並通過網頁查看它時,這個頁面變得流氓無恥。容器div無法保存指定的寬度,並且無法在其中包含嵌套的div。一團糟。

這種行爲只發生在我通過網絡查看網站時 - 如果我從同一個文件夾在本地查看它,那很好。我也做了一個基於表格的版本作爲測試,並且在線觀看時再次遇到了從文件夾到文件夾的顯示問題。

我很困惑,爲什麼頁面從一個文件夾完美顯示,並從另一個文件夾分開。我們的技術人員也難倒。我驗證了HTML,所以我不認爲這是罪魁禍首。這發生在IE和Firefox中,所以它不是瀏覽器問題。我唯一能想到的就是它是一些服務器/文件夾設置,但我對「服務器的東西」一無所知。

希望我已經解釋清楚了。非常感謝您的幫助。

更新:樣式,.js文件等路徑都是相對的,但我正在移動整個文件夾結構 - 所有圖像,所有css文件,所有腳本,所有內容。 Thx的答覆。

更新#2:

只是讓你們不要以爲我瘋了 - 我想一個實驗:

我做了一個簡單的HTML文檔,並傾入這兩個文件夾的我以前引用。這裏是代碼:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 

<style type="text/css"> 
ul{ 
list-style-type:none; 
} 
li{ 
display:inline; 
} 
a{ 
float:left; 
width:100px; 
text-decoration:none; 
color:white; 
font-weight:bold; 
background:#999900; 
padding:5px; 
border-right:1px solid #FFFFFF; 
} 
a:hover{ 
background:#CCCC00; 
} 
#buttonbox { 
      width: 768px; 
      background-color:#993333; 
      margin-left: auto; 
      margin-right: auto; } 

</style> 



</head> 

<body> 
<div id="buttonbox"> 
<ul> 
<li><a href="#">Css</a></li> 
<li><a href="#">Flash</a></li> 
<li><a href="#">ActionScript</a></li> 
<li><a href="#">Javascript</a></li> 
<li><a href="#">SQL Server </a></li> 
<li><a href="#">PHP</a></li> 
</ul> 
</div> 

<p>&nbsp;</p> 

<table width="768" align="center" border="0" cellpadding="0" cellspacing="0"><tr><td bgcolor="#993333"><ul> 
<li><a href="#">Css</a></li> 
<li><a href="#">Flash</a></li> 
<li><a href="#">ActionScript</a></li> 
<li><a href="#">Javascript</a></li> 
<li><a href="#">SQL Server </a></li> 
<li><a href="#">PHP</a></li> 
</ul> </td></tr></table> 



</body> 
</html> 

正如你所看到的 - 它是一個水平導航欄的2個實例。第一個是在背景色的div中,第二個是在背景色的表格行中。請注意,沒有鏈接文件 - 所有樣式都位於文檔的頭部。

下面是從文件夾中的顯示方式與它從文件夾B如何顯示截圖對比:

http://farm7.static.flickr.com/6204/6060649566_0b7fd45c3a_z.jpg

相同的檔案,瀏覽器,無需連接的款式,不同的結果。正如我之前提到的,這些是相同服務器上的相鄰文件夾,每個都映射到不同的www地址。

再一次,我很欣賞任何見解。謝謝。

+6

缺少文件?相對路徑?絕對路徑?如果你正在移動東西,你必須移動所有相關的文件。只是移動一些.html文件是不夠的。圖像,CSS,JS,子目錄等...都必須移動。 –

+0

頁面可能引用文件夾以外的文件。 – Drazisil

+0

下一步是打開index.html文件並逐個查看每個外部鏈接並驗證每個鏈接。然後查看_inside_每個CSS文件以查看它是否引用了可能丟失的其他文件。 – Sparky

回答

2

正如Marc B所提到的,一個可能的答案是路徑和一些導致頁面在移動時不正確渲染的缺失樣式的問題。

下面的例子是相對於鏈接到樣式表(在HTML文件所在的目錄下名爲「css」的目錄中名爲「mystyles.css」的文件)。如果移動了包含此鏈接的文件,則還需要移動名爲mystyles.css(及其包含的目錄「css」)的文件。

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

看在Firebug或Chrome開發者工具的控制檯錯誤和警告。他們會告訴你任何缺少的資源和渲染錯誤。

如果沒有什麼不合適的地方,比較這些工具中兩個版本的CSS。

相關問題