,DIV自适应浏览器高度_html/css_WEB-ITnose
程序员文章站
2022-05-24 19:50:41
...
我一个页面,代码如下:
无标题文档
显示结果如下图:
我想要的结果是:
整个页面只显示一屏,
中间左右两栏要随浏览器自适应高度,因为 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下居中,其他浏览器也都可以。可是,左右两栏随浏览器自适应高度又出问题了。。。
如下图:
有点乱,,,求高手解。。。。怎么办啊。
header
left
right
显示结果如下图:
我想要的结果是:
整个页面只显示一屏,
中间左右两栏要随浏览器自适应高度,因为 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多简单!
无标题文档 headerleftright
上一篇: Scaling Advice from MongoHQ
下一篇: 数据库外键是什么意思
推荐阅读
-
div实现自适应高度的textarea实现angular双向绑定
-
html iframe高度自适应
-
HTML5 textarea高度自适应的两种方案
-
基于jQuery实现左右div自适应高度完全相同的代码
-
HTML中由于DIV(块元素)浮动,导致的父元素高度塌陷问题的解决方案
-
微信小程序、html、css设置内容最小高度,超出自适应(自动延长)
-
ie和firefox中通用的设置div最小高度和达到这一最小高度后自适应的css代码
-
父div高度不能自适应子div高度的解决方案
-
如何让pre和textarea等HTML元素去掉滚动条自动换行自适应文本内容高度
-
div或img图片高度随宽度自适应的方法