<style type="text/css">
*{margin:0;padding:0;}
body{text-align:center;}
ul{list-style:none;} /*list-style:none隐藏列表符号*/
.main {background:white;height:100%px;width:810px;margin:0 auto;margin-top:10px;}
.box {width:810px;height:100%px;overflow:hidden;background:white; margin-left:inherit;}
.box ul {width:810px;height:100%;}
.box li {float:left;margin-right:4px;margin-bottom:5px;}
.box div {background:white;background:#f7f7f7;width:399px;height:120px;border:1px solid #CCC}
.box div ul {width:380px;list-style:inside;list-style-type: circle;}/*list-style重新定义列表符号*/
.box div li {list-style:inside;list-style-type: circle;width:380px;text-align:left;margin-left:4px;margin-bottom:5px;}/*重新定义文本宽度和文本对齐方式*/
.box h2 {background:#71C594;text-align:left;text-indent:10px;font-size:12px;height:24px;line-height:24px;color:#FFFFFF;}
.STYLE3 {color: #3A9D66}

</style> <div class="main">

        <div class="box">
              <ul>                <li>
                  <div>
                    <h2>[党代会专题]</h2><BR>
                    <p><ul><li><a href=newsshow.asp?ArticleID=7355 target=_blank>第二次党代会圆满完成各项议程胜利闭幕</li></a><li><a href=newsshow.asp?ArticleID=7276 target=_blank>第一届党代会胜利闭幕</li></a><li><a href=newsshow.asp?ArticleID=7275 target=_blank>高攀当选为中共纪委书记</li></a><li><a href=newsshow.asp?ArticleID=7274 target=_blank>邵明当选为中共委书记</li></a><li><a href=newsshow.asp?ArticleID=7273 target=_blank>热烈祝贺中共委第一次党代会召开</li></a></ul></p>
                  </div>
                </li>

              </ul>
      </div> </div>上述div+css 代码我在火狐中测试一切显示正常,为什么一跑到IE6中的时候就看不到列表项前面的圆点。
谢谢各位解答,谢谢!

解决方案 »

  1.   

    你的样式表定义地太....糟糕了.
    多处重复定义,非常混乱,只怕浏览器都不知道怎么处理好,不同浏览器这间当然可能表现不同.ul{list-style:none;}   /*list-style:none隐藏列表符号*/
    ..
    .box   ul   {width:810px;height:100%;}
    .box   li   {float:left;margin-right:4px;margin-bottom:5px;}
    ...
    .box   div   ul   {width:380px;list-style:inside;list-style-type:   circle;}/*list-style重新定义列表符号*/
    .box   div   li   {list-style:inside;list-style-type:   circle;width:380px;text-align:left;margin-left:4px;margin-bottom:5px;}/* 重新定义文本宽度和文本对齐方式*/
      

  2.   

    <ul> <li> <a   href=newsshow.asp?ArticleID=7355   target=_blank> 第二次党代会圆满完成各项议程胜利闭幕 </li> </a><li> <a .....></a></li>
      

  3.   

    QUOTE:楼上的一样看不到圆点。
    ------------------------
    晕,你没明白我的意思吧,我是说你的CSS写得很乱,你要写规范一点,不要多处重复定义.
    我给的CSS是指明你在哪里多处定义,而不是改好的CSS.okay?!
      

  4.   

    我现在把代码简化了,在IE中还是一样还是看不到圆点<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>li测试</title>
    <style>
    * {font-size:12px;}
    ul{margin:0;padding:0;}/* 定义全局ul */
    #test {}
    #test li {list-style:inside;list-style-type:   circle;width:80px;float:left;padding:0 0 0 20px;}
    </style>
    </head>
    <body><div style="width:300px;">
    <ul id="test">
        <li>动网论坛</li>
        <li>测试代码</li>
        <li>列表背景</li>
        <li>背景图片</li>
    </ul>
    </div>
    </body>
    </html>
      

  5.   

    不用圆点,直接用图片又可以了,我晕啊<style>
    * {font-size:12px;}
    ul{margin:0;padding:0;}/* 定义全局ul ,注释掉此行再在ie中和火狐中看看效果*/
    #test {}
    #test li {width:80px;float:left;padding:0 0 0 20px;background:url("http://idc.zhiweikeji.cn/images/i5.gif") no-repeat 2px 1px;}
    </style><div style="width:300px;">
    <ul id="test">
        <li>动网论坛</li>
        <li>测试代码</li>
        <li>列表背景</li>
        <li>背景图片</li>
    </ul>
    </div>
      

  6.   

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
        <title>无标题页</title>
        <style type="text/css">
            ul{list-style-type:circle}
        </style>
    </head>
    <body>        <ul>
                    <li> 动网论坛 </li>
                    <li> 测试代码 </li>
                    <li> 列表背景 </li>
                    <li> 背景图片 </li>
            </ul></body>
    </html>