css 최대 너비가 ul li div에서 작동하지 않습니다.

Question

저는 미리보기 이미지 주위에 프레임이있는 갤러리가 있습니다. 엄지 손톱 이미지를 축소하기 위해 최대 너비를 사용 했으므로 사진이 모두 잘 정렬되어 있지만 IE에서는 이미지가 축소되지만 이미지가 더 큰 것처럼 프레임의 최대 너비가 여전히 확장됩니다. 나는 li에 max-width를 추가하려고 시도했지만 아무 소용이 없습니다. IE의 상점 전체에서 Chrome 및 FF bt에서 멋지고 유니폼을 입은 페이지에 대한 링크입니다. 어떤 도움에 앞서 http://wedding-photography-gloucestershire.co.uk/wedding-photography-gallery.php?gallery=Getting%20Ready

Wedding Photography Gallery

감사합니다.

이

은 .. 프레임 스타일

.highslide-갤러리 상향 리튬 { 디스플레이 : 블록; 위치 : 상대적; float : left; 너비 : 106px; 신장 : 106px; 테두리 : 1px 솔리드 실버; 여백 : 2px; 줄 높이 : 0; 오버플로 : 숨김; background-color : # 000; 최대 너비 : 106px; }

IE 최대 너비 문제에 대한 해결책으로 다른 웹 사이트에서 찾은 추가를 시도했지만 실제로 이해하지 못했습니다.

너비 : 표현식 (document.body.clientWidth> 106? "106px": "auto"); 하지만 여전히 작동하지 않았습니다.

고맙습니다.

Answer 1

IE는 다른 브라우저와는 달리 패딩/여백을 처리합니다. 귀하의 스타일 시트 (하이 사이드)를 살펴 보았습니다. 구체적으로 스타일 시트가 필요합니다. 그런 다음 변경 사항이 다른 브라우저에 어떻게 영향을 미치는지 걱정하지 않고 특별히 IE를 타겟팅 할 수 있습니다. 개인적으로 그렇게하지는 않겠지 만 웹 개발을 실험 할 때 사용했습니다.

무엇이 잘못되고 어디서 잘못 될지 파악하는 가장 쉬운 방법은 방화 갓을 사용하는 것입니다. Safari와 IE도 비슷한 디버그 환경을 가지고 있습니다. 방화범이 끌리는 튜토리얼이 있습니다. http://net.tutsplus.com

행운을 빈다.