layoutHalfHeight.htm 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041
  1.  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <title></title>
  5. <link href="../../lib/ligerUI/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css" />
  6. <style type="text/css">
  7. </style>
  8. <script src="../../lib/jquery/jquery-1.3.2.min.js" type="text/javascript"></script>
  9. <script src="../../lib/ligerUI/js/core/base.js" type="text/javascript"></script>
  10. <script src="../../lib/ligerUI/js/plugins/ligerLayout.js" type="text/javascript"></script>
  11. <script type="text/javascript">
  12. $(function ()
  13. {
  14. $("#layout1").ligerLayout({ leftWidth: 200,height:'50%'});
  15. });
  16. </script>
  17. <style type="text/css">
  18. body{ padding:5px; margin:0; padding-bottom:15px;}
  19. #layout1{ width:100%;margin:0; padding:0; }
  20. .l-page-top{ height:80px; background:#f8f8f8; margin-bottom:3px;}
  21. h4{ margin:20px;}
  22. </style>
  23. </head>
  24. <body style="padding:10px">
  25. <div id="layout1">
  26. <div position="left"></div>
  27. <div position="center" title="标题">
  28. <h4>$("#layout1").ligerLayout({ leftWidth: 200,height:'50%'});</h4>
  29. 固定layout的高度为50%
  30. </div>
  31. <div position="right"></div>
  32. <div position="bottom"></div>
  33. <div position="top"></div>
  34. </div>
  35. </body>
  36. </html>