0

list-style-type:discinsideを使用して<ul>いますが、タグ付けを使用float:leftしている場合<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;
}
4

1 に答える 1