相关疑难解决方法(0)

我有这个CSS代码inline-block.任何人都可以告诉我如何使它在Internet Explorer 6和7中工作.任何想法？也许我做错了什么？谢谢!

#signup {
   color:#FFF;
   border-bottom:solid 1px #444;
   text-transform:uppercase;
   text-align:center;
}
#signup #left {
   display: inline-block
}
#signup #right {
   background-image:url(images/signup.jpg);
   border-left: solid 1px #000;
   border-right: solid 1px #000;
   display: inline-block; 
   padding:1% 2%
   width:16%;
}
#signup #right a { font-size:100%; font-weight:bold } 
#signup #right p { font-size:90%; font-weight:bold }
#signup a:hover  { color:#FFF; text-decoration:underline }

如何在不使用额外的div或元素的情况下将列表项置于ul中.我有以下内容.我以为text-align:center会做的伎俩.我似乎无法弄明白.

<style>
ul {
    width:100%;
    background:red;
    height:20px;
    text-align:center;
}
li {
    display:block;
    float:left;
    background:blue;
    color:white;
    margin-right:10px;
}
</style>

<ul>
  <li>test</li>
  <li>test</li>
  <li>test</li>
  <li>test</li>
  <li>test</li>
</ul>

检查jsfiddle http://jsfiddle.net/3Ezx2/1/

每当我发现IE显示我的网站很奇怪(不同于chrome和firefox),我尝试zoom:1在css类中为显示奇怪的部分添加一个.很多时候,这可以解决问题并使其与其他浏览器保持一致.

这是一个问题zoom:1吗？我知道我的CSS不会验证,但如果我过分依赖使用,zoom:1是否会出现任何现实问题？

示例:http://jsfiddle.net/xUrDc/

我试图围绕每个li边框恰好一个像素宽.为了使线条正确相交,我正在设置margin-top:-1px每个li(否则每个边框之间的边框太厚).

当我在调试模式下将浏览器设置为IE7时,顶部的边框消失.任何人都可以告诉我为什么会出现这种情况或建议一种更好的方式来实现我想要的外观？

如果我有一个无序列表,例如

<ul>
    <li><a href="index.html">Home</a></li>
    <li><a href="index.html">About</a></li>
    <li><a href="index.html">Service</a></li>
    <li><a href="index.html">Blog</a></li>
</ul>

使用CSS很好地对齐它们,例如

ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
ul li {
    float: left;
    line-height: 50px;
    margin-left: 5px;
    margin-right: 5px;
}
ul li a {
    display: block;
    height: 46px;
    padding-left: 5px;
    padding-right: 5px;
}

然后我如何将<ul>元素与页面中心对齐,请记住没有为任何元素指定宽度？

首选答案将与ie6 +兼容

任何帮助赞赏.

贾伊

可能重复:
什么错误缩放:1; 修复CSS？

如果我不正确,CSS属性的默认值zoom是1.在关于CSS的最后6或7个在线代码文件中,我在代码中看到了这个神秘的代码行:

zoom: 1;

这段标记是否有语义含义？它们有什么理由包含它吗？

在阅读Twitter bootstrap的CSS代码时,我注意到一些元素在开头有一个带有*的CSS规则.例如:

.row-fluid {
    width: 100%;
   *zoom: 1;
}

为什么要使用这种技术？