티스토리 뷰

출처 : http://phpschool.com/gnuboard4/bbs/board.php?bo_table=tipntech&wr_id=69784&sca=&sfl=
mb_id%7C%7Csubject&stx=ukjinplant




1. IE에도 min-height 속성이 먹힌다굽쇼? 

유동적으로 높이를 브라우저 크기만큼 변하게 하고 싶습니까? 
크기를 변하고싶으면 연락해~ 

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

이렇게 하면 IE도 표태그가 부럽지 않습니다. 

2. 이미지를 부드럽게 축소하기. 
아직도 썸네일 이미지를 PHP로 작성하십니까? IE에 보기엔 너무나 민망할 정도로 축소된 그림이 너무
나 깨져보이는 당신에게 이 한줄의 CSS 코드를 바칩니다. 
물론 단순 촉소용도로는 우왕국. 

img { -ms-interpolation-mode: bicubic; } 

3. IE에 좀 세로 스크롤바 좀 없어지면 안되나? 
예 됩니다. IE에 position:fixed 처방법으로 많이 쓰이는 이 기술은 그 외에도 특효약이죠. 
html { 
overflow: auto; 
} 

4. 웹표준 박스모델, IE에게로 오렴~ 
웹표준 박스모델 가로 크기는 
margin-left + border-left + padding-left + width + padding-right + border-right + margin-right 
근데 이 망할 IE는 
margin-left + width + margin-right 

하지만 링크#2 에서는 이런 개같은 IE 박스에게 구원을 내려주셨으니.. 
슬래쉬 2개로 박스모델을 평정하다! 
#content { 
padding:10px; 
border:1px solid; 
width:200px; 
w\\idth:180px; 
} 
근데 IE5는 안되니 기대는 마셈. 

5. 왜 IE는 여백이 더늘어났지? 

float 속성을 준 다음 margin을 주면 여백이 2배가 되버리는 이상한 현상. 
허허.. 이게 갑자기 왠 날벼락이란 말이더냐! 
그러니 너는 그냥 inline으로의 여생을 계속 살아야 하겠다 하십니다. 
div#content { 
float:left; 
width:200px; 
margin-left:10px; 

/* 이것이 노마진이 추천하는 에러 처방속성. */ 
display:inline; 
} 

링크 #1은 1번 방법을 이용해 브라우저 크기가 변하면 내용 부분만 변하고 위아래 블럭은 고정되는 프레
임 같은 현상을 IE에서도 목격할 수 있습니다. 

댓글
댓글쓰기 폼