 |
|
| |
|
  |
15년 전 |
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에서도 목격할 수 있습니다.
|
|
 추천 : 430 |
추천
목록
|
|
| |
|
