문제

이것은 결정적인 Internet Explorer 6에서 CSS 속성 min-width를 모방하는 방법은 무엇입니까?시도하지 않는 것이 낫습니까?

도움이 되었습니까?

해결책 

foo { min-width: 100px }      // for everyone
* html foo { width: 100px }   // just for IE

(또는 다음을 사용하여 IE에 별도의 스타일시트를 제공합니다. 조건부 주석)

다른 팁

HBoss에서 제안한 대로 표현식을 사용할 수 있지만 성능이 걱정된다면 이를 수행하는 가장 좋은 방법은 최소 너비를 적용하려는 요소 내부에 심을 추가하는 것입니다.

<div id="container">
  The "shim" div will hold the container div open to at least 500px!
  You should be able to put it anywhere in the container div.
  <div class="shim">&nbsp;</div>
</div>

#container .shim {
  width: 500px;
  height: 0;
  line-height: 0;
}

이는 약간의 비의미적 마크업이 필요하지만 진정한 크로스 브라우저 솔루션이며 표현식 사용에 따른 오버헤드가 필요하지 않습니다.

이 기사 Stu Nicholls의 CSS Play에서는 IE, 모든 모드(Quirks 등) 및 IE/Mac에서 최소 너비를 달성하는 다양한 방법을 보여줍니다.

나는 지난 한 달 동안 여기에 제공된 모든 답변을 만지작거렸습니다.그리고 Pretaul의 방법을 사용한 후(MSIE 6의 최소 너비), min-width에 대한 가장 좋은 대안인 것 같습니다.해킹이나 그 어떤 것도 필요하지 않습니다. 구현하는 데 30초가 걸리는 호환 CSS 코드를 바로 작성하면 됩니다.

구글링을 해보니 표현이 가장 유명한 것 같습니다.어쨌든 내 브라우저(IE와 FF 모두)를 무작위로 잠그는 경향이 있었습니다.

잘 모르겠습니다. 다음과 같은 방법으로 성공했습니다.

    min-width: 193px;
    width:auto !important; 
    _width: 193px;  /* IE6 hack */

더스틴 디아즈의 최소 높이 빠른 해킹과 조합 HTML 또는 CSS에서 테이블 셀의 절대 최소 너비를 어떻게 지정합니까?

CSS 태그를 _Width로 지정하세요.500px이든 무엇이든 가능합니다.

이것은 꽤 잘 작동합니다 ...

div.container {
    min-width: 760px; 
    width:expression(document.body.clientWidth < 760? "760px": "auto" ); 
}

최소 높이 빠른 해킹 나를 위해 작동합니다 (너비에도 작동합니다)

shim 예제는 컨테이너가 특정 크기에 도달할 때 브라우저가 가로 스크롤 막대를 표시하도록 하는 데는 적합하지만 창이 작아지면 컨테이너에 있는 콘텐츠의 크기가 계속 조정된다는 점을 알 수 있습니다.IE 6에서 최소 너비를 달성하려고 할 때 이것이 전반적인 목표는 아니라고 생각합니다.

불완전한 최소 너비 기술 http://www.mediafire.com/imgbnc.php/260264acec99b5aba3e77c1c4cdc54e94g.jpg

더욱이 표현식과 기타 미친 CSS 해킹을 사용하는 것은 좋은 습관이 아닙니다.그들은 안전하지 않고 불결합니다.이것 기사 CSS 핵의 주의사항과 이를 피해야 하는 이유를 설명합니다.

저는 개인적으로 Scaryjeff의 게시물이 IE6에서 진정한 최소 너비를 달성하기 위한 최고의 조언이라고 생각하며 숙련된 CSS 레이아웃 개발자로서 아직 이런 종류의 문제에 적용할 수 있는 더 나은 솔루션을 찾지 못했습니다.

이것 기사 Stu Nicholls의 CSS Play에서는 IE, 모든 모드(Quirks 등) 및 IE/Mac에서 최소 너비를 달성하는 다양한 방법을 보여줍니다.

나는 최소 너비를 올바르게 달성하기 위해 이 기술을 사용하는 방법을 자세히 설명하는 유사한 질문에 대한 답변을 제공했습니다.여기에서 볼 수 있습니다:

CSS:최소 너비를 준수하지 않는 50% 유동 열 2개

이 기술은 거의 모든 상황에서 사용할 수 있는 간단하고 유효한 CSS입니다.위의 심 예제에 적용하면 올바른 최소 너비 기능이라고 생각되는 결과가 나옵니다.

올바른 최소 너비 기술 http://www.mediafire.com/imgbnc.php/a67b2820bfbd6a5b588bea23c4c0462f4g.jpg

단일 라인 버튼 

button{
background-color:#069;
float:left;
min-width:200px;
width:auto !important;
width:200px;
white-space: nowrap}

조건부 주석을 사용하여 MSIE 6 특정 스타일 시트를 참조한 후 아래와 같이 CSS를 생성합니다.

호환 브라우저는 다음을 사용합니다.

min-width: 660px;

그런 다음 MSIE 6은 다음을 사용합니다.

width: expression((document.body.clientWidth < 659)? "660px" : "auto");
라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top