IE6 및 7 버그로 인해 큰 두통이 발생했습니다.

Question

안녕하세요, 저는 이걸 보면서 몇 시간을 보냈습니다. 그리고 이것에 대해 신선한 쌍 또는 더 많은 경험을 쌓기를 희망합니다. IE6 지원은 특별히 필요하지 않지만 IE7은 내 이미지 스크롤러에 문제를 일으 킵니다.

누구나 상위 디그 내에서 이미지 위아래로 큰 간격을 발생시키는 원인을 볼 수 있습니까? IE7에서는 오버플로가 표시되지 않으므로 IE6에서 더 잘 볼 수 있습니다.

을 Heres 링크 : http://www.qwibbledesigns.co.uk/preview/aurelius/

나는 이것 좀 봐 가지고 일이 뭐죠에 대한 추측, 또는 솔루션을 제공 할 수있는 사람에게 정말 감사 해요.

매트

Answer 1

인라인 스타일은 같은 리튬에 대한

<li class="roundabout-moveable-item roundabout-in-focus" style="z-index: 400; position: absolute; filter: alpha(opacity=100); WIDTH: 600px; zoom: 1; height: 300px; font-size: 500px; top: -1px; left: -52px;" degrees="0" startPos="600,300,500" current-scale="1.0000" jQuery1262819600298="2"> 

IE

위해 파이어 폭스에 대한 인라인 스타일을 큰 글꼴 크기를 설정하는 것은 그것은 대 IE에서 font-size:500px입니다

<li class="roundabout-moveable-item roundabout-in-focus" style="position: absolute; left: -52.5px; top: -1.5px; width: 600px; height: 300px; opacity: 1; z-index: 400; font-size: 12px;" degrees="0" startpos="600,300,12" current-scale="1.0000"> 

입니다 FF의 font-size:12px이 여분의 공간을 유발합니다.추가

Answer 2

정말 말할 수 없습니다와 IE의 디버깅 도구가 설치되어 있지만 여분의 공간을 더한 이미지로 보는이없는 정확히 하나 개의 뷰포트의 높이 (100 %) 키, 나는 그것이 생각 다음 중 하나를

.roundabout-moveable-item img { 
.... 
height: 100% 
} 

또는 리셋 스타일 시트에서

font-size: 100% 

.

내가 옳았는지 내일 알게 될 것입니다.

밤!

Answer 3

시도 로터리 - 이동 - 항목이 (하나가 작동하는 경우 한 번에 하나의보고) 추가 :

.roundabout-moveable-item { display: inline; ... } 

.roundabout-moveable-item { line-height: 0; font-size: 0; ... } 

Answer 4

이 도움이됩니까?

.roundabout-moveable-item a{ 
position:absolute; 
left:5px; 
top: 5px; 
} 

Answer 5

나는 비슷한 ATM을 통과 할 예정입니다. 이 스레드를 살펴 유무 :

http://doctype.com/ie7-div-positionabsolute-problem

그것은 절대 위치 함께 할 수있는 뭔가 것 같다을, 당신이 시도 할 수있는 몇 가지 제안이 있습니다. 나를 위해 아무것도 모든 브라우저에서 안정적으로 작동하지 않습니다와 나는 그렇게 같은 절대 위치 요소의 마진을 상쇄하기 위해 IE의 특정 해킹을해야했다 :

/margin-top: -50px; 

만 IE는이 스타일을 집어 들고, 브라우저의 나머지 부분은 그것을 무시 줄 시작 부분에 /으로 인해 li에 대한

Answer 6

시도 : (http://www.qwibbledesigns.co.uk/preview/aurelius/css/reset.css의 상단에있는) 코드의 디버깅 지역

position: relative;