jQuery MiniUI

标题: 劳驾帮我看看这个toolbar [打印本页]

作者: njzy 时间: 2012-11-14 09:57:39 标题: 劳驾帮我看看这个toolbar

<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等没问题，请问是什么原因呢？

作者: factory 时间: 2012-11-14 10:11:35

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

作者: njzy 时间: 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 时间: 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 时间: 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 时间: 2012-11-14 12:36:00

好了，把width：100%去掉。

作者: factory 时间: 2012-11-14 13:51:09

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

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

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)