가변 치수 유체 이미지, 수직 및 수평 중심

문제

흥미롭게도 여기서 문제는 모든 것의 Firefox에 있습니다.

페이지 당 단일 이미지, 가변 높이 및 너비는 수직 및 수평 중앙에 있어야하며 유동적이어야하며 (더 작은 브라우저 창의 수축)는 최근 브라우저 지원 (IE8, Chrome, FF3, Safari)을 찾고 있습니다.

이미지는 브라우저의 너비에 따라 크기를 조정해야합니다.

IE8, Chrome 및 Safari에서는 잘 작동하지만 FF는 아닙니다. FF가 너비를 올바르게 등록하지 않기 때문에 그것의 알고 있습니다. (예를 들어, 이미지를 100% 너비의 div에 넣고 괜찮습니다.) 실제 테이블을 사용하는 것도 작동하지 않습니다.

Firefox를 테이블/div의 너비를 인식하도록 강요하는 방법이 있습니까? 아니면 가변 컨텐츠를 수직으로 수직으로하는 더 간단한 방법?

다른 참고로 :이 상황에서 이것이 FF의 기본 동작이라는 것이 이상하다고 생각합니까?

해결책

그 질문에 대답합니다. 여전히 FF3.5의 버그이지만 2005 년 말에보고되었습니다.

라이센스 : CC-BY-SA ~와 함께 속성

제휴하지 않습니다 StackOverflow