CSS在Live网站上的显示方式与在Codecademy上显示的方式不同

Question

我遇到的问题是我在Codecademys开发工具中编写了一个网站。完成后我尝试将其上传到我的webhotel，看看它在实时环境中的样子，但是CSS样式表似乎存在一些问题，因为元素是扭曲的。

链接到codebit：http://www.codecademy.com/codePlayer10717/codebits/gEe2CX/edit

直播网站：http://www.feelgoodadventures.no/

代码被复制并从codecademy粘贴到one.com的开发工具中，并保存为index.html的UTF-8和style.css的us-ascii

为什么会发生这种情况？

Answer 1

你错过了css文件第54行的像素值 - 这似乎解决了它。

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

另外，在你的html文件（第46行）中你有

<div class="Contact">

应该是：

<div class="contact">

CSS类区分大小写 - 在整个html文件中有一些与此类似的错误，通过验证程序运行它来捕获错误或只是通过它。