Windows에서 IE의 필드 오버플로

Windows 컴퓨터에서 볼 때 내 체크 아웃의 이러한 몇 가지 필드가 넘쳐 흐르고있는 이유를 알 수 없습니다. IE와 FF 모두에서 발생합니다. 당신이 결제 정보를 상자 제목에서 볼 수 있듯이 https://www.theatticlight.com/checkout/Windows에서 IE의 필드 오버플로

가, 회색 고도 라인 박스 가장자리에 놀러 : 여기

은 문제의 페이지입니다. 이것은이 상자에서만 발생하지만 나머지 페이지에서는 같은 CSS 클래스를 사용하는 다른 사용자에게는 발생하지 않습니다.

마지막으로 자세히 설명하는 내용 중 하나는 나에게 다른 장소에 대한 아이디어를주는 사람에게 매우 감사 할 것입니다.

감사합니다.

출처

2012-03-21 Mike Lucid

보기에 등록해야합니까? 볼 수있는 어딘가에 페이지의 격리 된 버전을 넣을 수 있습니까? –

길잃은 태그에 몇 가지 레이아웃 문제가 있습니다. http://validator.w3.org/check?uri=http%3A%2F%2Fwww.theatticlight.com%2Faccount%2Flogin%2F%3Fredirect_to%3D%2Fdeals%2F&charset=%28detect+automatically%29&doctype=Inline&group=0 – Sparky

내 대답을보고 CSS를 시도하고 어떤 문제가 있다면 알려주십시오 .. – w3uiguru

보십시오 CSS 규칙 :

당신은 패딩을 준 288

table td, table th { 
    border-bottom: 1px solid #EBEBEB; 
    border-right: 1px solid #EBEBEB; 
    padding: 10px; 
    text-align: left; 
    vertical-align: middle; 
}

있는 style.css 라인 : 10px 15 픽셀; 이는 테이블의 폭을 늘리고 테이블이 폼 컨테이너와 겹치는 이유를 백그라운드로 채 웁니다.

나는 td 패딩을 10px로 줄였습니다.

스크린 샷 : http://img31.imageshack.us/img31/2769/cellspacingissue.jpg

출처

2012-03-21 19:03:20 w3uiguru

이것이 이상한 것 같지 않습니다 페이지의 다른 모든 상자가 동일한 CSS 클래스를 사용하지만 문제가 발생하지 않는이 상자에서 발생합니다. 이것은 작동하지만 실제 솔루션이 아닙니다 ... –

Windows에서 IE의 필드 오버플로

답변

관련 문제