Codecademy보다 라이브 웹 사이트에서 다르게 표시되는 CSS

Question

Codecademys 개발 도구에서 웹 사이트를 코딩 한 문제가 있습니다. 일단 끝나면 webhotel에 업로드하여 실제 환경에서 어떻게 보이는지 보려고했지만 요소가 왜곡되어 CSS 스타일 시트에 문제가있는 것 같습니다. codebit에

링크 : http://www.codecademy.com/codePlayer10717/codebits/gEe2CX/edit

라이브 웹 사이트 : http://www.feelgoodadventures.no/

코드를 복사하여 one.com의 개발 도구에 Codecademy에서 붙여 넣을와 index.html을하고 미국 - 위해 UTF-8로 저장된 ascii for style.css

왜 그런가?

Answer 1

css 파일의 54 번째 줄에 픽셀 값이 누락되었습니다. 문제가 해결 된 것으로 보입니다. - 유사한 몇 가지 오류가

<div class="contact"> 

CSS 클래스는 대소 문자를 구분 :

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

또한, HTML 파일 (라인 46) 내에 읽어야하는

<div class="Contact"> 

이 이것은 HTML 파일 전체에 걸쳐 유효성 검사기를 통해 오류를 잡아 내거나 그냥 통과하십시오.