随笔-167  评论-65  文章-0  trackbacks-0
解决IE6 div重叠
前些天解决了firefox的div重叠：
www.blogjava.net/fl1429/archive/2009/06/29/284645.html

IE6解决办法:添加一个push层
css：
  1. * {
  2.     margin: 0;
  3. }
  4. html, body {
  5.     height: 100%;
  6. }
  7. .wrapper {
  8.     min-height: 100%;
  9.     height: auto !important;
  10.     height: 100%;
  11.     margin: 0 auto -4em;
  12. }
  13. .footer, .push {
  14.     height: 4em;
  15. }

html:
  1. <html>
  2.     <head>
  3.         <link rel="stylesheet" href="layout.css" ... />
  4.     </head>
  5.     <body>
  6.         <div class="wrapper">
  7.             <p>Your website content here.</p>
  8.             <div class="push"></div>
  9.         </div>
  10.         <div class="footer">
  11.             <p>Copyright (c) 2008</p>
  12.         </div>
  13.     </body>
  14. </html>
ref：
http://ryanfait.com/resources/footer-stick-to-bottom-of-page/
http://www.webjx.com/css/divcss-10042.html







write by feng
posted on 2009-07-24 17:06 fl1429 阅读(1558) 评论(0)  编辑  收藏 所属分类: Ajax

只有注册用户登录后才能发表评论。
网站导航:
 
Powered by: 博客园 模板提供：沪江博客 Copyright ©2024 fl1429
已访问数:
free counters