求助，DIV自适应浏览器高度_html/css_WEB-ITnose

本帖最后由 sylyu4 于 2012-07-03 16:41:40 编辑

我一个页面，代码如下：








显示结果如下图：


我想要的结果是：
整个页面只显示一屏，
中间左右两栏要随浏览器自适应高度，因为 right 里边要加内容。
padding-top:130px;
*padding-top:133px!important;
padding-bottom:50px;
我设了这个高度，是因为#center的内容会顶上去，然后被header挡住。。不知道为什么。。。。


现在这个代码可以实现这步，各浏览器都有测试。
现在问题是，margin:0px auto;
这个在IE下不生效，页面不能居中 ，，，FF，GOOGLE浏览器都能居中。。
试过这个方法，在body里直接设，text-algin:center
因为我的实际页面有点复杂，结果后面所有的图片文字都居中了，我得一个个去调，太麻烦了。。。放弃。。。
然后在网上查到这个：
因为我最先声明的是
这个：“”
网上搜了一下，好像这个就会导致在IE中不能实现居中。

然后我把这下声明换成：
“”

就可以在IE下居中，其他浏览器也都可以。可是，左右两栏随浏览器自适应高度又出问题了。。。
如下图：


有点乱，，，求高手解。。。。怎么办啊。

回复讨论(解决方案)

用个JS多简单！

  
 header 
  
    
 left 
    
 right 
  
  
 footer 

使用绝对定位也能实现自动适应高度。

用绝对定位。

谢谢三位。 解决了。

我也需要啊，该如何是好呢？