查看: 2884|回复: 6

劳驾帮我看看这个toolbar [复制链接]

njzy

高级会员

Rank: 4

电梯直达

楼主

发表于 2012-11-14 09:57:39 |只看该作者 |倒序浏览

<div id="toolBars" class="mini-toolbar" borderStyle="border: 1px solid;border-color: threedhighlight threedshadow threedshadow threedhighlight;background:threedface;padding:0px;float:right;position:absolute;top:31px;right:0px">

我想让这个toolbar靠右，工具条里的按钮数不确定，在ie6、ie7里这条工具条宽度总是和屏幕一样大，ie8、firefox等没问题，请问是什么原因呢？

收藏0

factory

超级版主

Rank: 8 Rank: 8

沙发

发表于 2012-11-14 10:11:35 |只看该作者

padding:0px;float:right;position:absolute;top:31px;right:0px
这些是style里面的,不是borderStyle.borderStyle只负责border的样式

njzy

高级会员

Rank: 4

板凳

发表于 2012-11-14 10:32:35 |只看该作者

factory 发表于 2012-11-14 10:11
padding:0px;float:right;position:absolute;top:31px;right:0px
这些是style里面的,不是borderStyle.borde ...

<div id="toolBars" class="mini-toolbar" borderStyle="" style="border: 1px solid;border-color: threedhighlight threedshadow threedshadow threedhighlight;background:threedface;;padding:0px;float:right;position:absolute;top:31px;right:0px">
我改成这样，还是一样啊，toolbar还是通栏宽度。

factory

超级版主

Rank: 8 Rank: 8

地板

发表于 2012-11-14 10:40:05 |只看该作者

njzy 发表于 2012-11-14 10:32
我改成这样，还是一样啊，toolbar还是通栏宽度。

你给toolbar上面加一个按钮再看看
还有border: 1px solid;border-color: threedhighlight threedshadow threedshadow threedhighlight;这些是border,你写在borderStyle里面

njzy

高级会员

Rank: 4

5^#

发表于 2012-11-14 11:21:10 |只看该作者

factory 发表于 2012-11-14 10:40
你给toolbar上面加一个按钮再看看
还有border: 1px solid;border-color: threedhighlight threedshadow t ...

<div id="toolBars" class="mini-toolbar" borderStyle="border: 1px solid;border-color:threedhighlight threedshadow threedshadow threedhighlight;" style="float:right;position:absolute;top:31px;right:0px;background:threedface;padding:0px;">
      <table style="width:100%;">
         <tr>
         <td style="width:100%;text-align:right">
         <a class="mini-menubutton" plain="true" menu="#popupMenu">文件</a>
         <a class="mini-button" iconCls="icon-addfolder" plain="true" enabled="false">增加</a>
         <a class="mini-button" iconCls="icon-edit" plain="true">修改</a>
         <a class="mini-button" iconCls="icon-remove" plain="true">删除</a>
         <span class="separator"></span>
         <a class="mini-button" iconCls="icon-reload" plain="true">刷新</a>
         <a class="mini-button" iconCls="icon-download" plain="true">下载</a>          </td>
         </tr>
      </table>
</div>
这样也不行，就是要让这个toolbar能自适应宽度，比如我有3个按钮100px，现在增加到5个可能就要170px了，我看你们的示例都是通栏的。

njzy

高级会员

Rank: 4

6^#

发表于 2012-11-14 12:36:00 |只看该作者

好了，把width：100%去掉。

factory

超级版主

Rank: 8 Rank: 8

7^#

发表于 2012-11-14 13:51:09 |只看该作者

njzy 发表于 2012-11-14 11:21
文件
增加
修改

这是你的代码,里面放了个比较高的button之后,toolbar会自动撑开

附件: 你需要登录才可以下载或查看附件。没有帐号？立即注册

返回列表

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