IE에서 Ordered List - LI 숫자가 전부 1.1.1.1.1.로 나오는 현상.
- Posted at 2008/09/29 22:48
- Filed under 어리버리/이럴수가!
원문 :
보통 순서가 있는 목록 = Ordered List 는 아래와 같이 표현되죠.
[ 예시 1 ]
<li> 태그에 width나 height를 넣으면 이상한 현상이 나타납니다.
아마도 IE 7 , IE 6 에서 보는 분들은
[ 예시 1 ] 과 다른 모습을 볼 수 있을 것입니다.
[ 예시 2 ]
[ 해결방법 ]
display: list-item; 을 추가해주면 됩니다.
(언제나 신기한 IE.)
보통 순서가 있는 목록 = Ordered List 는 아래와 같이 표현되죠.
[ 예시 1 ]
<ol>
<li>첫번째</li>
<li>두번째</li>
<li>세번째</li>
<li>네번째</li>
<li>다섯번째</li>
</ol>
- 첫번째
- 두번째
- 세번째
- 네번째
- 다섯번째
<li> 태그에 width나 height를 넣으면 이상한 현상이 나타납니다.
아마도 IE 7 , IE 6 에서 보는 분들은
[ 예시 1 ] 과 다른 모습을 볼 수 있을 것입니다.
[ 예시 2 ]
li {
height: 20px;
}
- 첫번째
- 두번째
- 세번째
- 네번째
- 다섯번째
[ 해결방법 ]
display: list-item; 을 추가해주면 됩니다.
li {
display: list-item;
height: 20px;
}
- 첫번째
- 두번째
- 세번째
- 네번째
- 다섯번째
(언제나 신기한 IE.)
Posted by mkyoon
- Tag
- bug, css, ie, li, number, ol, ordered list, style, 언제나 신기한 IE
- Response
- No Trackback , No Comment
