css 横排在IE下的问题,紧急求助，50金币

yanlei2cj · 发表于 2009-3-10 09:39:59

#content { float: left; margin: 0 15px 0 5px; width: 716px; overflow: hidden; }

#products {
width:716px;
margin:10px auto;
}
#products li {
width:154px;
height:154px;
float:left;
margin-left:20px;
display:inline;
}
#products li a {
display:block;
}
#products li a img {
border:1px solid #666;
padding:1px;
width: 154px;
height: 95px;
}
#products li span a {
width:154px;
height:30px;
line-height:24px;
text-align:center;
white-space:nowrap;
text-overflow:ellipsis;
overflow: hidden;
}

<div id="content">
<ul id="products">
<li><a href="$value[ss_url]" target="_blank" title="$value[subject]"><img src="$value[ss_imgurl]" alt="$value[subject]" /></a><span><a href="$value[ss_url]">$value[subject]</a></span>
</li>
</ul>

</div>
在FF下可以正常横排，但是在IE下就成竖排了！！希望高人指点，万分感谢

999test.cn · 发表于 2009-3-10 09:42:56

检查margin ，用* HACK

yanlei2cj · 发表于 2009-3-10 09:44:43

2# 999test.cn

不太明白你的意思，请详细说下，谢谢你

yanlei2cj · 发表于 2009-3-10 09:53:13

来人啊，在线等

ug8 · 发表于 2009-3-10 09:54:32

<div style="float:left;">
<div style="in-line;">横排显示数据</div>
</div>

复制代码

自己修改看看

ug8 · 发表于 2009-3-10 09:57:15

<style type="text/css">
<!--
ul{ background-color:#006600; text-align: right; margin-left:0; padding-left:0; border-bottom:1px solid #006633; } li{ list-style-type:none; padding:0.25em 1em; border-left:1px solid #FFFFFF; display:inline; } #first li{ border-left:0; }
</style>
</head>
<body>
<ul>
<li><a href="#">link1</a></li>
<li><a href="#">link2</a></li>
<li><a href="#">link3</a></li>
<li><a href="#">link4</a></li>
<li><a href="#">link5</a></li>
</ul>
</body>
</html>

像这样也可以

ug8 · 发表于 2009-3-10 09:58:02

yanlei2cj · 发表于 2009-3-10 10:04:35

谢谢ug8的热心帮助，但是我想知道自己代码里哪出问题了，以后也好处理啊，非常感谢你

yanlei2cj · 发表于 2009-3-10 10:16:18

已经解决，谢谢SSAY，原来是loop位置出现问题了

		自动登录	找回密码
密码			立即注册

[疑难] css 横排在IE下的问题,紧急求助，50金币