2014-03-26 1 views
0

이 새 프로젝트를 구축하고 있지만 CSS에서 알려지지 않은 (글리치?) 문제가 발생했습니다. 이것은 웹 사이트입니다 >here<흰색 라인 글리치 (25 % 크기 div)

문제는 다음과 같습니다 : 두 번째 이미지의 오른쪽에 글리치가있는 흰색 선이 있습니다. Google 크롬에서는 보이지 않습니다. 이미지 위에 마우스를 올리면 테두리 밖으로 만 확장됩니다. 사파리에서는 1/2px 흰색 선이 가리키지 않을 때 나타나고 마우스 오버시 사라집니다.

페이지 너비에는 원래 4divs가 있었고 각각 25 % (여기에도 흰색 줄이있었습니다). 이제 5 번째를 추가했습니다 (오버플로 : 스크롤). 여전히 같은 문제가 있습니다.

이 지저분한 선이 영원히 사라지도록 내 코드를 개선하는 방법을 아는 사람이 있습니까?

편집 : 회사의 경우 내 프로젝트이지만 코드를 공유 할 권한이 있습니다.

답변

0

각 div.block은 315.25px 너비로 설정되므로 반올림 오류라고 생각됩니다. 정수로 설정하십시오.

+0

괜찮 았으므로 그 이유가 있지만 더 이상 응답하지 않을 것입니다. 그렇습니까? 그것에 어떤 해결책? 편집 : 아마도 javascript 해결 방법을 신경 쓰지 마라. (다른 제안이 없다면) – YVbakker

+0

그렇다. 단지 * 유동적이지 않다. * –

+0

사파리로 인한 버그 일 수 있다고 생각한다. Windows에서 Safari 5.1.7을 사용하고 있지만 Mac에서는 잘 작동하지 않을 수 있습니다. Safari에서 웹 콘솔을 활성화하고 위로 드래그하면 흰색 공백이 사라집니다. – Lodder