ie7下的问题

我自是年少-韶华倾负 2013-01-09 09:29:15

<div class="shaper">
<table width="auto" cellpadding="0" cellspacing="0" border="0">
<tr>
<!--柱状图循环此处的ul-->
<td>
<ul>
<li class="shape_orange" style="height:50%"></li>
<!--动态获得的数据直接替换这里style里面的height值-->
<li class="shape_green" style="height:42%"></li>
</ul>
</td>
<!--柱状图ul结束-->
<td>
<ul>
<li class="shape_orange" style="height:50%"></li>
<!--动态获得的数据直接替换这里style里面的height值-->
<li class="shape_green" style="height:42%"></li>
</ul>
</td>
<td>
<ul>
<li class="shape_orange" style="height:50%"></li>
<!--动态获得的数据直接替换这里style里面的height值-->
<li class="shape_green" style="height:42%"></li>
</ul>
</td>
<td>
<ul>
<li class="shape_orange" style="height:50%"></li>
<!--动态获得的数据直接替换这里style里面的height值-->
<li class="shape_green" style="height:42%"></li>
</ul>
</td>
<td>
<ul>
<li class="shape_orange" style="height:50%"></li>
<!--动态获得的数据直接替换这里style里面的height值-->
<li class="shape_green" style="height:42%"></li>
</ul>
</td>
<td>
<ul>
<li class="shape_orange" style="height:50%"></li>
<!--动态获得的数据直接替换这里style里面的height值-->
<li class="shape_green" style="height:42%"></li>
</ul>
</td>
<td>
<ul>
<li class="shape_orange" style="height:50%"></li>
<!--动态获得的数据直接替换这里style里面的height值-->
<li class="shape_green" style="height:42%"></li>
</ul>
</td>
<td>
<ul>
<li class="shape_orange" style="height:50%"></li>
<!--动态获得的数据直接替换这里style里面的height值-->
<li class="shape_green" style="height:42%"></li>
</ul>
</td>
<td>
<ul>
<li class="shape_orange" style="height:50%"></li>
<!--动态获得的数据直接替换这里style里面的height值-->
<li class="shape_green" style="height:42%"></li>
</ul>
</td>
<td>
<ul>
<li class="shape_orange" style="height:50%"></li>
<!--动态获得的数据直接替换这里style里面的height值-->
<li class="shape_green" style="height:42%"></li>
</ul>
</td>
<td>
<ul>
<li class="shape_orange" style="height:50%"></li>
<!--动态获得的数据直接替换这里style里面的height值-->
<li class="shape_green" style="height:42%"></li>
</ul>
</td>
<td>
<ul>
<li class="shape_orange" style="height:50%"></li>
<!--动态获得的数据直接替换这里style里面的height值-->
<li class="shape_green" style="height:42%"></li>
</ul>
</td>
<td>
<ul>
<li class="shape_orange" style="height:50%"></li>
<!--动态获得的数据直接替换这里style里面的height值-->
<li class="shape_green" style="height:42%"></li>
</ul>
</td>
<td>
<ul>
<li class="shape_orange" style="height:50%"></li>
<!--动态获得的数据直接替换这里style里面的height值-->
<li class="shape_green" style="height:42%"></li>
</ul>
</td>
<td>
<ul>
<li class="shape_orange" style="height:50%"></li>
<!--动态获得的数据直接替换这里style里面的height值-->
<li class="shape_green" style="height:42%"></li>
</ul>
</td>
<td>
<ul>
<li class="shape_orange" style="height:50%"></li>
<!--动态获得的数据直接替换这里style里面的height值-->
<li class="shape_green" style="height:42%"></li>
</ul>
</td>
<td>
<ul>
<li class="shape_orange" style="height:50%"></li>
<!--动态获得的数据直接替换这里style里面的height值-->
<li class="shape_green" style="height:42%"></li>
</ul>
</td>
<td>
<ul>
<li class="shape_orange" style="height:50%"></li>
<!--动态获得的数据直接替换这里style里面的height值-->
<li class="shape_green" style="height:42%"></li>
</ul>
</td>
<td>
<ul>
<li class="shape_orange" style="height:50%"></li>
<!--动态获得的数据直接替换这里style里面的height值-->
<li class="shape_green" style="height:42%"></li>
</ul>
</td>
<td>
<ul>
<li class="shape_orange" style="height:50%"></li>
<!--动态获得的数据直接替换这里style里面的height值-->
<li class="shape_green" style="height:42%"></li>
</ul>
</td>
</tr>
<tr>
<td><p class="shaper2">一中队</p></td>
<td><p class="shaper2">一中队</p></td>
<td><p class="shaper2">一中队</p></td>
<td><p class="shaper2">一中队</p></td>
<td><p class="shaper2">一中队</p></td>
<td><p class="shaper2">一中队</p></td>
<td><p class="shaper2">一中队</p></td>
<td><p class="shaper2">一中队</p></td>
<td><p class="shaper2">一中队</p></td>
<td><p class="shaper2">一中队</p></td>
<td><p class="shaper2">一中队</p></td>
<td><p class="shaper2">一中队</p></td>
<td><p class="shaper2">一中队</p></td>
<td><p class="shaper2">一中队</p></td>
<td><p class="shaper2">一中队</p></td>
<td><p class="shaper2">一中队</p></td>
<td><p class="shaper2">一中队</p></td>
<td><p class="shaper2">一中队</p></td>
<td><p class="shaper2">一中队</p></td>
<td><p class="shaper2">一中队</p></td>
</tr>
</table>
</div>


.shaper{border:3px solid #d1d3d4;background:url(../images/shapecontentbg.jpg) repeat;margin-left:75px;min-height:199px;overflow:auto;}
.shaper ul{width:64px;height:199px;position:relative;left:14px;}
.shaper ul li{float:left;width:32px;background-image:url(../images/shaapelibg.png);position:absolute;bottom:0;}
.shape_orange{background-position:0 0;}
.shape_green{background-position:100% 0;left:32px;}


因为不能确定 X 轴上可能有很多个 所以加了滚动条 但是在 ie7 下面当柱状图很多的时候却直接就撑开了 浏览器了。滚动条 压根就没效果。求大侠出手解救。
...全文
165 3 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
  • 打赏
  • 举报
回复
而且当滚动 滚动条的时候 只有下面的 中队在滚动 上面的柱状图 居然一点反应都没有 求指点 Orz
  • 打赏
  • 举报
回复
xiaofan_sap 2013-01-09
  • 打赏
  • 举报
回复
偶的 ie7下面 真没事啊 一切正常的

61,129

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧