CSS在實況網站上顯示的方式與在Codecademy上的顯示方式不同

Question

我在使用Codecademys開發工具對網站進行編碼時遇到問題。一旦我完成了，我嘗試將它上傳到我的webhotel，看看它在實際環境中的樣子，但是CSS樣式表似乎有些問題，因爲元素是扭曲的。

鏈接碼位：http://www.codecademy.com/codePlayer10717/codebits/gEe2CX/edit

Live網站：http://www.feelgoodadventures.no/

的代碼被複制和Codecademy網站成one.com開發工具粘貼，並保存爲UTF-8的index.html和US- ascii for style.css

任何想法爲什麼會發生這種情況？

Answer 1

你錯過了你的css文件第54行的像素值 - 這似乎解決了它。

.imagelist p { 
    padding-left: 80px; 
    position: relative; 
    top: -60px; 
} 

而且，您的HTML文件（46行）內，你有

<div class="Contact"> 

應閱讀：

<div class="contact"> 

CSS類是區分大小寫的 - 也有類似的幾個錯誤這通過你的HTML文件，通過驗證器來運行它來捕獲錯誤或只是通過它。