2013-03-15 1 views
0

나는 지금 막 일어나는 무언가에 짧은 질문이있다. CSS 설정은 웹 서버에 업로드 할 때 한 브라우저 내에서 localhost와 동일해야합니다.로컬 호스트에는 있지만 웹 서버에는 패딩이 없습니까?

은 내가 무슨 뜻인지 보여주기 위해 스크린 샷을했다 : 여기

그게 뭐죠 같은 웹 서버에 : 여기

web

하고 로컬 호스트가 뭔지 :

local

웹 서버에 CSS 파일을 업로드 할 예정이며, 내 로컬 호스트 페이지를 살펴볼 예정입니다. 미리 보도록하겠습니다. 똑같은 파일이고 동일한 브라우저 (사파리, 크롬, 파이어 폭스)입니다.

input[type="text"],[type="password"] { 
    color: #ccc; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 10px; 
    width: 170px; 
    height: 15px; 
    line-height: 10px; 
    -moz-border-radius: 5px; 
    border-radius: 5px; 
    -webkit-border-radius: 5px; 
    padding-left:5px; 
    pading-right:5px; 
    padding-top:3px; 
    padding-bottom:2px; 
    outline:none; 
} 

및 로컬 호스트에 볼 때 패딩이 밤은 : 입력이 정확히 CSS에서 어떤 필드에 웹 서버 페이지를 호출하여 패딩이 추가된다? 내가 재설정 CSS 파일을 사용하지만,이 phaenomenon이 원인이라고 생각하지 않습니다. 그래서 어떻게 가능합니까?

유일한 차이점은 localhost에서 전신이 PHP와주의 메시지의 error_reporting 때문에 아래쪽으로 확장된다는 점입니다.

문서 타입은 다음과 같습니다

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

감사합니다.

+0

저장을 두 서버에서 HTML 출력을 아무것도 다른 경우 볼 수있는은 diff 도구를 사용하여 -이 안 있다. – Jon

+0

localhost ** 및 ** 웹 서버 또는 둘 중 하나에서 재설정을 사용하고 있습니까? – Raad

+0

안녕하세요, 감사합니다. diff 도구 란 무엇입니까? 너 한테 말해 줄 수있어? – bonny

답변

1

나는 패딩 오른쪽의 실수가 있다고 생각 pading-right:5px;

플러스 사용하는 코드는 괜찮지 만, 약간의 시간이 어떤 의사가 너무 잘 작동 CSS에서 정의하는 동안 직접 사용하지 않을 것을 발생할 수 있습니다. 이런 식으로 ..

input[type="text"],input[type="password"] { 
    color: #ccc; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 10px; 
    width: 170px; 
    height: 20px; 
    line-height: 14px; 
    -moz-border-radius: 5px; 
    border-radius: 5px; 
    -webkit-border-radius: 5px; 
    padding:3px 5px; 
    outline:none; 
} 

하면이 코드로 교체 시도하고 응답 wokring하지 않을 경우 :

관련 문제