2012-12-05 3 views
1

Ik는 이미지를 슬라이드 쇼 (두 개의 개별 슬라이더)에 넣고 그 목적으로 리를 사용하려고합니다 ... Chrome과 Safari에서는 잘 작동하지만 Firefox에서는 문제가 있습니다. 그리고 IE파이어 폭스와 IE가 이미지를 리로 장식하지 않는 이유

가 쿼크 모드에서 잘 작동하지만 표준 모드에서 작동하지 않습니다 파이어 폭스에서

: 다음 예를 참조하십시오 :

쿼크 모드가 파이어 폭스에 대해 잘 작동 : http://www.newmen-agency.com/

을하지만,하지 않습니다 표준 모드에서 작업 : http://www.newmen-agency.com/index_doct.html

표준 모드에서 작동해야합니다 ... 내가 뭘 잘못 했습니까? 아래

참조 CSS 코드 :

/* Photo slider */ 

#slider1 { 
    position: absolute; 
    height: 100%; 
    left: 0%; 
    top: 0%; 
    width: 57%; 
    z-index:100; 
}  

#slider2 { 
    position: absolute; 
    height: 100%; 
    left: 82%; 
    top: 0%; 
    width: 57%; 
    z-index:100; 
} 

#slider1 ul, #slider2 ul { 
    margin: 0; 
    padding: 0; 
} 

#slider1 img, #slider2 img { 
    height:100%; 
} 

답변

0

최대 폭을 추가 그것을 도울 것 (BTW, 오페라는 페이지의 버전 중 하나를 좋아하지 않았다) :

#slider1 img, #slider2 img { 
    height:100%; 
    max-width:100%; 
}