원문 :
보통 순서가 있는 목록 = Ordered List 는 아래와 같이 표현되죠.

[ 예시 1 ]
<ol>
   <li>첫번째</li>
   <li>두번째</li>
   <li>세번째</li>
   <li>네번째</li>
   <li>다섯번째</li>
</ol>

  1. 첫번째
  2. 두번째
  3. 세번째
  4. 네번째
  5. 다섯번째


<li> 태그에 width나 height를 넣으면 이상한 현상이 나타납니다.
아마도 IE 7 , IE 6 에서 보는 분들은
[ 예시 1 ] 과 다른 모습을 볼 수 있을 것입니다.

[ 예시 2 ]
li {
   height: 20px;
}

  1. 첫번째
  2. 두번째
  3. 세번째
  4. 네번째
  5. 다섯번째


[ 해결방법 ]
display: list-item; 을 추가해주면 됩니다.

li {
   display: list-item;
   height: 20px;
}

  1. 첫번째
  2. 두번째
  3. 세번째
  4. 네번째
  5. 다섯번째


(언제나 신기한 IE.)

Posted by mkyoon


원문 :

CSS Limit #1.


하나의 CSS 파일의 크기가
288kb를 넘어설 경우,
인터넷 익스플로러에서는 읽어들이지 못하는 버그가 있다고 합니다.


CSS Limit #2.


CSS 선언. 즉, #selector { } 이러한 스타일 지정 갯수가
4096개를 넘어설 경우,
역시나 인터넷 익스플로러에서 읽어들이지 못하는 버그가 있다고 합니다.


CSS Limit #3.


@import 를 사용하여 여러 CSS 파일을 한 CSS 파일에 모아 관리할 수 있죠.

- style.css -
@import url("style_one.css");
@import url("style_two.css");

이러한 @import 갯수가 32개를 넘어설 경우,
그리고 그 depth 또한 3개의 chain을 넘어설 경우, (style.css>style_one.css>style_ie.css)
또 역시나 인터넷 익스플로러에서 읽어들이지 못하는 버그가 있다고 합니다.

부득이하게 위와 같은 수치 이상으로 늘어날 경우,
CSS 파일을 합치지 말고 여러개로 나누면 됩니다.-_-; (언제나 신기한 IE.)

Posted by mkyoon