2010-02-26 5 views
2

인공 열이있는 유체 레이아웃을 사용하는 웹 사이트를 만들고 있습니다. 옆에있는 텍스트가있는 이미지가 맨 위에 있습니다. 이미지의 최소 크기는 550px이고 부모 div의 최대 크기는 75 %입니다. 나는 이것을 시도했다 :최소 Div 크기?

.class{ 
    width: 550px; 
    maxwidth: 75%; 
} 

그러나 작동하지 않았다.

+0

당신이 IE6를 지원해야합니까 :

나는 같은 걱정이 결심을했다? – SLaks

+0

예. 있습니다. 디버깅을 위해 파이어 폭스를 사용하지만 많은 대상 사용자가 IE를 사용합니다. 100 %의 조정에 훨씬. – Hawkcannon

+3

와우 - 사용자가 IE6 군중 인 이유는 무엇입니까? W3C 통계에 따르면 평균 10 %만이 여전히 IE6을 사용하고 있습니다. – Tom

답변

3

시도 :

 

.class { 
    min-width: 550px; 
    width: 75%; 
} 
 
+0

오타. 이것은 IE6 오류이며 CSS 오류는 아닙니다. 그래도 잘 잡는다. – Hawkcannon

+1

덧붙여 말하자면,이 기사에서는 IE6에서 작동하는 최대 너비와 최소 너비에 대해 설명합니다. 나는 단지 그것을 훑어 보았지만 아마도 도움이 될 것입니까? http://javascript.about.com/library/blwidth.htm – Tom

+0

링크를 제공해 주셔서 감사합니다. 이 JScript를 내 페이지에 넣은 다음 내일 테스트 해 보겠습니다. – Hawkcannon

2

현재 CSS 사양은 min-widthmax-width을 지원하지만 모든 브라우저에서 지원하지는 않습니다. 즉, IE6. 그러나 시장에 나와있는 대부분의 다른 모든 브라우저는 정상적으로 작동합니다.

+0

내 문제는 무엇입니까. 거의 모든 트래픽이 IE6-을 사용하고 있습니다. 내 사이트는 FF로 완벽하게 작동하지만 IE6/7 나사는 열과 CSS 맞춤을 위로합니다. – Hawkcannon

0

maxwidthmax-width으로 바꾸어보십시오.

0

는 그 요청이 오래 알고 있지만, 이것은 아마 같은 문제가 다른 사람을 도움이 될 것입니다.

.class {  
    min-height: 300px; 
    height: auto !important; 
    height: 300px; 
}