splitter布局遇到问题。。。急！！！

baby123ok

老师，我想达到图片的效果

1.   <div class="mini-splitter" vertical="true" handlerSize="0" style="width:100%;height:555px;" borderStyle="border:0" allowResize="false" showCollapseButton="false">
   
2.                 
   
3.                 <div size=99%  class="mini-splitter" handlerSize="5" style="width:100%;height:500px;" borderStyle="border:1" >
   
4.                     <div size=50% showCollapseButton="true" expanded="true">
   
5.                                 左
   
6.                     </div>
   
7.                     <div size=50% showCollapseButton="true" expanded="true">
   
8.                                        右
   
9.                     </div>  
   
10.                 </div>
    
11.                 
    
12.                 <div size=1% class="mini-pager" style="width:100%;background:#f0f3f7;border:solid 1px #ccc; "
    
13.                             totalCount="123" onpagechanged="onPageChanged" sizeList="[5,10,20,100]"
    
14.                             showPageSize="true" showPageIndex="true" showPageInfo="true"
    
15.                             >  
    
16.                 </div>
    
17.                 
    
18.         </div>

复制代码

baby123ok

baby123ok

baby123ok 发表于 2015-6-5 10:30

可是IE浏览器用上面的代码跑出来的是下面这种效果，求老师指导！

dforce

baby123ok 发表于 2015-6-5 10:32
可是IE浏览器用上面的代码跑出来的是下面这种效果，求老师指导！

你把一个pager放在splitter内部想做什么
splitter的结构是内层2个div，对应2个面板

baby123ok

dforce 发表于 2015-6-5 10:55
你把一个pager放在splitter内部想做什么
splitter的结构是内层2个div，对应2个面板 ...

在第2 个splitter外面多套一个<div>?

dforce

baby123ok 发表于 2015-6-5 11:24
在第2 个splitter外面多套一个?

不要把pager放在spliiter的结构里面
<div class="mini-splitter"
  <div ></div>
<div></div>
<div>
这是spliiter的结构，你乱放会解析错误