2013-07-26 3 views
0

나는 새로운 웹 사이트 디자인을하고 있으며 모든것이 크롬에서 작동하고있는 것 같지만 아직 인터넷 익스플로러 (최신 버전 인 것 같습니다)에 흰색 톤이 있습니다 공간이 웹 사이트 상단에 추가되었습니다.인터넷 익스플로러의 웹 사이트 상단에 여분의 공간이 있음

기본적으로 IE에는 거의 500px의 패딩 톱이있는 것처럼 보입니다. 그러나 크롬에 완벽하게 표시됩니다.

현재 URL은 cspclaw.com

감사합니다. http://pastebin.com/eDmfuRWK

그리고 여기에 전체 메인 페이지의 CSS : http://pastebin.com/GK3TRtx4

+0

이미지 변환을 처리하는 JS가 그 위치에 있습니다. 문제를 일으킬 CSS에는 아무것도 표시되지 않습니다. – AntLaC

+0

나는 이것이 당신의 질문에 대답하지 않는다는 것을 안다. 그러나 margin-top : -220px는 당신을 거기에 데려다 줄 것이다 :) 문제를주는 이미지는 /logo.jpg이다. 높이를 1 또는 작은 것으로 변경하면 다른 모든 것이 위로 움직이는 것을 볼 수 있습니다. – AntLaC

+0

1 개의 코멘트가 더 있습니다. 나는 당신의 rowspans로 놀고 있었고, 모든 것을 정확하게 움직이기 시작했습니다. – AntLaC

답변

0

나에 IE의 버그가 보인다

나는 여기에 전체 메인 페이지의 HTML을 기록했다. 을 무시하고 <td>의 내용 높이를 통해 <tr>의 높이를 계산합니다. rowspan 특성을 제거하면 그 행태를 수행하는 이유를 알 수 있습니다.

IE의 문제는 두 번째 행 (<div class="fadein"> 셀을 포함하는 행)에있는 모든 <td>이 rowspan = "2"라는 점입니다. 그것을 제거하면 페이지에 IE에서 홀수 마진/패딩이 더 이상 표시되지 않습니다. 여전히 동일하게 보이지 않습니다. 내 생각 엔 더 거친 행상 스럽습니다. :)

+0

좋아, 고마워. IE 불일치를 해결할 수있는 쉬운 방법이 있었으면 좋겠어. Chrome에서 완벽하게 나타나기 때문에. – user2059175

관련 문제