list-style-type не работает в IE 7, когда я использую float внутри li

0

Я использую list-style-type:disc внутри <ul>, но когда я использую float:left to <li>, после этого марки не отображаются в ie7, его работа во всех других браузерах.

HTML

<ul class="more-about-details">
<li><a href="#">One</a></li>
<li><a href="#">two</a></li>                
<li><a href="#">Three</a></li>                  
<li><a href="#">four</a></li>
<li><a href="#">five</a></li>
<li><a href="#">six</a></li>                
</ul>

CSS

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    text-decoration:none;
}
ul{
    list-style-type: none;
}
body {
    line-height:1;
}

input, select {
    vertical-align:middle;
}
ul.more-about-details {
    width: 97%; 
    height: auto;
    padding: 0px 0px 0px 3%; 
    margin: 0px 0px 0px 0px;
    float: left;
}
.more-about-details li {
    width: 30%;
    height: 30px;
    text-align: left;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    color: #000000;
    padding: 10px 3.28% 0px 0px; 
    margin: 0px 0px 0px 0px;
    float: left;
    list-style-type: disc;
}
Теги:
list
css-float

1 ответ

2

Попробуй это:

.more-about-details li a{
    list-style-position: inside;
    list-style-type: disc;
    display: list-item;
}
  • 0
    Спасибо за ваш ответ. Можете ли вы сказать мне, почему он не работает с <li>?

Ещё вопросы

Сообщество Overcoder
Наверх
Меню