IE (모든 버전)의 절대 위치 div 폭/높이

CSS에 대한 지식이 매우 제한적입니다. 더 큰 맥락에서, 나는 다음과 같은 것을 할 필요가있다 :IE (모든 버전)의 절대 위치 div 폭/높이

내부 div는 다른 div들 안으로 간다. 내부 div 위치, 브라우저 창에서 오프셋 및 브라우저 창의 특정 비율을 크기로 노력하고 있습니다. 따라서 다음 div를 내부 div에 적용합니다.

.abs_pos { 
    position: absolute; 
    top: 25%; 
    left: 25%; 
    width: 50%; 
    height: 50%; 
    background-color: yellow; 
    z-index:1002; 
    overflow: auto; 
}

이 기능은 Chrome과 Firefox에서 작동합니다. 그러나 IE (모든 버전)에서 내부 div의 너비는 바로 바깥 쪽 div의 백분율이되고 브라우저 창의 높이가 아닌 내부 div의 내용을 기준으로 결정됩니다.

여기 샘플 HTML 파일에 대한 링크가 있습니다. http://orissaclassifieds.com/pos.html

어떻게하면됩니까? 당신의 도움을 주셔서 감사합니다.

당신은 부모 DIV을하여 모든 브라우저에서 작동 할 수

출처

2011-08-12 rpat

높이/너비가 픽셀 단위로 표시되면 IE에서 작동하는 것처럼 보입니다. 높이/너비가 백분율이면 작동하지 않습니다. – rpat

현재 코드가 작동해야하지만, IE를 단점 모드로 보내는 유효하지 않거나 불완전한 doctype을 사용하고 있습니다.

과도 HTML4.01을 위해 그것은해야한다 :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd">

그러나, 사용하기 훨씬 짧은/간단한 문서 타입은 HTML5의입니다.

<!DOCTYPE HTML>

출처

2011-08-12 10:55:43 tw16

감사합니다. 그건 IE7과 IE8에서 작동합니다. IE6에는 없습니다. IE6에 문제가 있습니까? – rpat

@rpat IE6에서 해당 doctype을 지원하지 않는다고 생각합니다. –

는 CSS 규칙이 있습니다

position:relative;

출처

2011-08-12 08:04:30 Ibu

내가 그랬다면 div는 직계 부모 div 안에있을 것입니다. 브라우저 창을 기준으로이 작업을 수행 할 수 있는지 확인해야합니다. Chrome/Firefox에서 제대로 작동합니다. IE에서 동작이 다른 이유를 이해해야합니다. – rpat

실례,하지만 당신은 또한 모든 매개 변수에 대한 백분율을 사용하는 이유 이해가 안 너비와 높이 메인 컨테이너가 본문 페이지가 아니면 다른 div 안에 ... 귀하의 경우에는 픽셀을 사용해야하며, div가 다른 div에 배치되면 절대 대신 상대적인 것을 사용할 수 있습니다 ... 이는 사용자가있는 컨테이너와 관련이 있습니다 ...이 도움이 되었기를 바랍니다.

출처

2011-08-12 08:08:40 smepie

브라우저의 크기를 조정할 때 div의 크기가 조정되므로 백분율을 사용하면 더 좋습니다. 외부 div 위치가 relative로 설정되면 사물은 바로 바깥 div에 상대적입니다. 브라우저 창에 상대적으로 필요합니다. 고정 된 위치를 사용하지 않는 것을 선호합니다. IE에서 동작이 다른 이유를 알고 싶습니다. – rpat

브라우저의 크기가 조정됩니다 ... 좋아,하지만 다른 div 안에 있다고 가정합니까, 아니면 틀렸습니까? 먼저 바깥 쪽 div의 동작/위치를 결정한 다음 그에 따라 안쪽을 조정해야합니다. 안녕 – smepie

div가 다른 div 안에 있더라도 div를 독립적으로 처리해야합니다. 내가 절대 위치를 읽은 것은 이것을 허용한다. IE가 아닌 다른 브라우저에서 작동 – rpat

IE (모든 버전)의 절대 위치 div 폭/높이

답변

관련 문제