2010-01-18 4 views
0

내 웹 사이트에 ol에 십진수 (list-style-type:decimal)가 있습니다. Internet Explorer에서 목록이 9 이상이되면 데시벨이 0에서 다시 시작됩니다. 소수점 이하 9 자릿수의 Internet Explorer OL 문제

가 표시되는 방법이며, 파이어 폭스에 표시되는 방법 :
OL in Internet Explorer http://img194.imageshack.us/img194/2785/61830845.jpg
그래서 목록에서 시작 : OL in Firefox http://img62.imageshack.us/img62/3334/93644891.jpg
이 인터넷 Explorer 7 및 6 개 표시가 (IE8은 아직 테스트하지)하는 방법이다 다시 제로. 목록의

CSS :

ol { 
    list-style-image:none; 
    list-style-position:outside; 
    list-style-type:none; 
} 
ol li { 
    list-style-position:outside; 
    list-style-type:decimal; 
    margin:5px 0 5px 23px; 
} 

편집 : 그리고 내 CSS를 재설정 파일이 (이 불을 지르고에서 유래) 추가 :

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead { 
    -moz-background-clip:border; 
    -moz-background-inline-policy:continuous; 
    -moz-background-origin:padding; 
    background:transparent none repeat scroll 0 0; 
    border:0 none; 
    font-size:100%; 
    margin:0; 
    outline-color:-moz-use-text-color; 
    outline-style:none; 
    outline-width:0; 
    padding:0; 
    vertical-align:baseline; 
} 

누가이 문제를 어떻게 해결 아는 사람?

+0

나를 위해 IE6에서 작동합니다. 번호의 시작을 숨길 수있는 다른 CSS 조각이 없습니까? – Jerome

+0

Jerome : IE6에서도 같은 문제가 발생합니다. 내 CSS 재설정 파일에서 오는 CSS를 간과했습니다. 내 편집을 참조하십시오. 그래도 복제 할 수 없다면 문제가있는 웹 사이트에 링크를 게시합니다. – Robin

답변

3

숫자는 여백만큼 잘립니다. 그것을 증가 시키면 십 자리 숫자가 나타납니다.

ol li { 
    margin-left: 2.5em; 
} 

또는

패딩 왼쪽으로 수정할 수는 : 30 픽셀

0

이 때문에 당신의 CSS를 재설정 파일의 margin:0;의입니다.

+0

'olly'의 'margin : 5px 0 5px 23px'가이를 덮어 써야합니다. – Robin

+0

It * should *,하지만 여기서는 IE에 대해 이야기하고 있습니다.) 제거하면 작동하는 것을 볼 수 있습니다. – Jerome

+0

나는 그것을 얻었다 : 'ol'의 여백 때문에 충분하지 않다. – Jerome

0

향후이 문제가있는 사용자에 대한 구체적인 대답 : 왼쪽 여백은 IE에서 두 자리 숫자를 표시하려면 30px 이상이어야합니다.