美工设计的table是这样:给table的class加上easyui-dialog后就变成这样了1.
因为在easyui在table外面加了一些div,使得table的元素内样式 width=50% 是指宽度为div的50%,而不再是屏幕的50%了。、
问:能不能美工做的静态页面不做改动 用easyui就能变成对话框又不使样子走形2.
看class加上easyui-dialog后图片上标的红的,这是多出来的一个magin=5px,我想不要这个,是easyui自己加上去 的,我就想把table放到屏幕中央,难道要美工去学easyui在那个基础上写table?我看easyui的demo里对话框里没有实际内容啊,一般加上内容(复选框什么的)是怎么加的?不能有特殊的css?那美工做好的一个当对话框内容的table岂不是没法用?现在找到了这两个问题的原因 ,但不可能每次都找那不如叫hardui得了。但在ie里好像没问题,帖子末尾把easyui自动加上的一些div贴出来。关键部分是
<div style="margin-top: 5px; 
加了div,还margin-top:5px,有没有参数设置不要加什么div的。上我的代码:<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>系统</title>
<link rel="stylesheet" type="text/css" href="../../ui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="../../ui/themes/icon.css">
<link rel="stylesheet" type="text/css" href="../../ui/demo.css">
<script type="text/javascript" src="../../js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="../../ui/jquery.easyui.min.js"></script>
<style type="text/css">
table.table_input7 td{border:1px; border-color:#bfdbf5;border-style:solid;  height:28px;padding-left:5px; letter-spacing:0.5px;}</style>
</head><body>
<div>
<table  width="50%" border="0"  class="table_input7  easyui-dialog" align="center" cellpadding="0" cellspacing="0"  style="margin-top:5px;">
      <tr>
        <td  >
          公安
          <label>
           
            <input type="checkbox" name="checkbox" id="checkbox" value="公安">
          </label>
       </td>
    
      </tr>
</table>
</div>
<br>
</body>
</html>
然后看easyui给table加上的一些蛋疼的div(用firebug看到的),加上了很多div,叫什么panel的
<div class="panel window"
style="display: block; width: auto; left: 699px; top: 243px; z-index: 9001;">
<table width="50%" cellspacing="0" cellpadding="0" border="0"
align="center" class="table_input7  easyui-dialog panel-body"
style="overflow: hidden;" title="" id="">
<div class="panel" style="width: 28px;">
<div style="margin-top: 5px; width: 28px; height: auto;" title=""
class="panel-body panel-body-noheader panel-body-noborder dialog-content"
id="">
<tbody>
<tr>
<td>
公安
<label> <input type="checkbox" value="公安" id="checkbox" name="checkbox">
</label>
</td> </tr>
</tbody>
</div>
</div>
</table>
</div>

解决方案 »

  1.   

    你要清楚,easyui也是改变了好多css的,而且添加了好多代码。
    所以如果静态页面不动,那你就用js去修改这些css。
      

  2.   

    在以前的基础上重新改css了。
      

  3.   

    dialog是给对话框用的,你那不是对话框就找其它的 css 样式用吧。
      

  4.   

    你不是用的td吗? align="center" 不就行了
      

  5.   

    你的宽度不够。。设置对话框的width属性为你要加载的内容的一个适合宽度
      

  6.   

    貌似用百分百不兼容!请用"width:500px"试试吧!