css html ie7（ul和li标签）菜单问题

我有一些代码和IE7浏览器，它的垂直CATEGORY菜单与ul标记和css属性制成的菜单有问题。正常工作与Safari浏览器，IE8，火狐3.5和3.6，但IE7的一个大的左边距正在创建这是由服务器生成的代码：css html ie7（ul和li标签）菜单问题

<div id="menu"> 
    <ul><li><a class="level1" href="catalog.html?category=21">PRODUCTOS</a></li> 
<li><a class="level1" href="catalog.html?category=21">Daniela Kosan</a></li> 
<li><a class="level2" href="catalog.html?category=21">Lo Nuevo</a></li> 
<li><a class="level2" href="catalog.html?category=22">Fragancias</a></li> 
<li><a class="level2" href="catalog.html?category=23">Rostro</a></li> 
<li><a class="level2" href="catalog.html?category=24">Accesorios</a></li></ul> 
    </div>

，这是我使用的CSS：

* { margin-top：0; 填充：0; }

#menu{ 
    background:#fff; 
    width:205px; 

    padding-left:9px; 

} 
    #menu ul{ 
     list-style:none; 


    } 
     #menu li{ 
      list-style:none; 


     } 
      #menu li a{ 
       list-style:none; 
       font-family: arial, sans-serif; 
       background:#F0CFD6; 
       color:#944862; 
       text-transform:none; 
       font-size:14px; 
       font-weight:normal; 
       text-decoration:none; 
       display:block; 


      } 
       #menu li a:hover{ 
        color:#fff; 
        text-decoration:none; 
       } 
      #menu li a.level1{ 
       padding-left:10px; 
       padding-top:10px; 
       width:205px; 
       height:20px; 
       color:#fff; 
       background:#DA8298; 


      } 
       #menu li a:hover.level1{ 
        color:#000; 
       } 
      #menu li a.level2{ 
       padding-left:20px; 
       padding-top:12px; 
       width:205px; 
       height:20px; 
       color:#8B5169; 
       border-width:0 0px 0px 0px; 
       background:#F0CFD6; 
       border-bottom:1px dashed #CEABB2; 

      } 
       #menu li a:hover.level2{ 
        color:#000; 
       }

这里是不好使，请注意大的左缘除了类别菜单 alt text

这是如何呈现在其他浏览器...好！感谢你们！ alt text

来源

2011-01-19 Ernest

你为什么只重设`margin-top`？为什么不能`* {margin：0;填充：0; ``？ – Andre 2011-01-19 17:19:25

嗯，我需要为整个容器留下一个填充，使其与设计相匹配。我在下面的答案中添加了该标签，并且它能够正常工作，所以非常感谢！ – Ernest 2011-01-19 20:03:04

尝试在ul上设置边距和填充。不同的浏览器会自动将其设置为不同的东西。我建议将来使用CSS reset。

#menu ul { 
    margin-left: 0px; 
    padding-left: 0px; 
    }

尝试上述并让我知道它是否有效。我没有IE，所以我无法测试它。我会一次测试一个边距和填充，看看其中只有一个是否是罪魁祸首。

来源

2011-01-19 17:19:22 Andrew

css html ie7（ul和li标签）菜单问题

回答

相关问题