유체 CSS하지만 고정 너비보다 작음

좋아요. 필자는 내 사이트에서 구현해야하는지도 측면의 유체 CSS를 조사하고 있습니다. http://www.dynamicdrive.com/style/layouts/item/css-liquid-layout-39-fluid-fluid-fluid/유체 CSS하지만 고정 너비보다 작음

들이 큰 브라우저 창으로 확장 할 수 있도록 왼쪽 열과 오른쪽 열 유체가 될 수 있도록하는 방법이 있나요 : 내가 원했던 모습이 데모를 발견했다. 그러나 특정 폭 (예 : 175px) 이하로 제한 할 수 없습니까?

그래서 일부 사용자에게는 더 많은 브라우저 공간이 있으면 그것을 사용할 수 있기를 원하므로 3 개 열 모두가 유동적 일 수 있기를 원합니다. 그러나 브라우저 창의 크기가 아무리 작은 경우에도 오른쪽 및 왼쪽 열은 특정 너비 아래로 내려갈 수 없습니다 (모바일 브라우저가 아닌 모바일 브라우저 만 제외).

출처

2011-11-04 thindery

축소하려는 요소에 다음 태그를 사용하고 175 픽셀 이상으로 이동하십시오.

min-width: 175px;

지금이 IE8 만 준수와 IE7이 가지를 지원하지 않습니다 위,하지만 당신은 3.6 이상이

완전히 파이어 폭스에서 지원하여 신중해야합니다 그래서 약간의 버그가 될 수 있습니다 (어쩌면 빨라짐), 사파리, 오페라 10+

출처

2011-11-04 15:47:50 CBRRacer

나는이 질문을 던지고 일종의 작품을 올린 후에 그것을 시도했지만 그와 같은 것은 아니다. IE 문제를 알고 있습니다. 데모를보세요. http://fuudhub.com/demo/fluid.html 필자는 최소 너비 요소를 추가했지만 오른쪽 열은 금색이므로 패딩은 길 때문에 엉망이되기 시작합니다. 그것을 결정합니다 : '코드' #rightcolumn { 여백 : 0 62 % 0 15 %;/* 오른쪽 컬럼의 여백. ? 223px; } 는' – thindery

@thindery 당신이 작동하지 않는 것을 설명 할 또는 무언가에 jsfiddle.net을 가지고 있습니다 code' – CBRRacer

번호 :; 분 폭 #의 FDE95E : 0 contentcolumnWidth 0 rightcolumnWidth */ 배경 "이어야한다 나 do not.이 jsfiddle.net가 무엇인지 확실하지 않다 – thindery

유체 CSS하지만 고정 너비보다 작음

답변

관련 문제