2007년 11월 05일

Javascript 표현법으로 만들어진 CSS Min-width and max-width


Javascript 표현법으로 만들어진 CSS Min-width and max-width

가장 심플하고 작동도 잘되는 태그입니다. 안심하시고 사용해도 될 듯 합니다.
단 주의할 점은 2px 씩 더해져 있는 것에 주의 하십시요!

#maincontainer{width: expression(document.body.clientWidth < 602? "600px":document.body.clientWidth > 982? "980px" : "auto")}

Min-height 만들기 (출처는 기억이 잘 나지 않음 ^^)

min-height with !important

selector {
  min-height:500px;
  height:auto !important;
  height:500px;
}

이 코드는 IE7, IE6, FF, safari 등등 잘 작동됩니다.
!important 의미는 무조건 selector와 관련된 요소의 height는 
브라우저가 계산한 높이를 갖게 됩니다.


, , , , 

by Robby | 2007/11/05 12:12 | CSS Tips | 트랙백

트랙백 주소 : http://robby.egloos.com/tb/957965
☞ 내 이글루에 이 글과 관련된 글 쓰기 (트랙백 보내기) [도움말]
※ 로그인 사용자만 덧글을 남길 수 있습니다.

◀ 이전 페이지다음 페이지 ▶