IE6의 CSS 가변 높이 문제

IE6에서 왼쪽 사이드 바 (높이 높이기 DIV)에 문제가 있습니다.IE6의 CSS 가변 높이 문제

주요 요구 사항 : 1. 높이 설정 값이 높지 않아 높이가 변하기 때문에 브라우저에서 계산해야합니다. 2. 사이드 바에 위쪽과 아래쪽 간격이 있어야합니다.

상단 바 문제는 위치를 상대적으로 바꿈으로써 해결됩니다.

아이디어가 있으십니까? 미리 감사드립니다.

아래는 간단한 코드와 스냅 샷이 표준 브라우저에서 어떻게 보이는지를 보여줍니다. 이 절대 위치에 오면

.container { 
    left: 550px; 
    top: 10px; 
    width: 196px; 
    position: absolute; 
    line-height: 0px; 
    font-size: 1px; 
} 
.inner { 
    width: 100%; 
    height: 114px; 
    background-color: rgb(227, 227, 227); 
} 
.leftbar { 
    left: 0px; 
    top: 7px; 
    bottom: 7px; 
    width: 4px; 
    position: absolute; 
    background-color: rgb(111, 111, 111); 
} 
.topbar { 
    left: 7px; 
    top: 0px; 
    right: 7px; 
    height: 4px; 
    position: absolute; 
    background-color: rgb(111, 111, 111); 
} 

<div class="container"> 
    <div class="inner"></div> 
    <div class="leftbar"></div> 
    <div class="topbar"></div> 
</div>

LINK TO SCREEN SHOT IMAGE

출처

2009-06-14 user122644

왜 사람들은 계속해서 IE6을 계속 사용하겠다고 주장합니까? –

Word. IE 6 지원을 중단하는 사람들이 많아 질수록 다른 사람들도 쉽게 이용할 수 있습니다. – cloudhead

IE6을 떨어 뜨리기가 쉽습니다. 다른 사이트 (광산 ...)의 평균은 방문자의 총 수의 17 %가 IE6을 사용하고 있음을 보여줍니다. 그게 많은 사람들이야. 그리고 내 고객의 고객뿐만 아니라 나는 여러 고객이있어 IE6에 얽매이고 그들이 지불하는 것을보고 싶어합니다. – jeroen

6으로 대단히 나쁘다. 왼쪽과 오른쪽 또는 위쪽과 아래쪽에서 동시에 무언가를 배치하면 효과가 없습니다. IE6에 대한

드롭 지원 :

당신은 기본적으로 네 가지 옵션이 있습니다.
절대 위치 지정을 포기하고 다른 방법을 사용합니다 (예 : 수레).
예를 들어 조건부 주석을 사용하여 일부 스타일을 재정의하는 것과 같이 IE6 용 사이트의 다운 된 버전을 제공하십시오.
JavaScript를 사용하여 IE6 위치 지정을 돕습니다 (예 : absolutefudge.js).

출처

2009-06-14 07:17:26

IE6의 CSS 가변 높이 문제

답변

관련 문제