最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

求助,DIV自适应浏览器高度_html/css

来源:懂视网 责编:小采 时间:2020-11-27 16:30:31
文档

求助,DIV自适应浏览器高度_html/css

求助,DIV自适应浏览器高度_html/css_WEB-ITnose:本帖最后由 sylyu4 于 2012-07-03 16:41:40 编辑 我一个页面,代码如下: 无标题文档 body {color:#000;margin:0px;padding:0px;} #main_container{ width:1000px; height:100%; margin:0px
推荐度:
导读求助,DIV自适应浏览器高度_html/css_WEB-ITnose:本帖最后由 sylyu4 于 2012-07-03 16:41:40 编辑 我一个页面,代码如下: 无标题文档 body {color:#000;margin:0px;padding:0px;} #main_container{ width:1000px; height:100%; margin:0px

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

我一个页面,代码如下:



无标题文档


header

left
right
footer




显示结果如下图:


我想要的结果是:
整个页面只显示一屏,
中间左右两栏要随浏览器自适应高度,因为 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 

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

用绝对定位。

谢谢三位。 解决了。

我也需要啊,该如何是好呢?

文档

求助,DIV自适应浏览器高度_html/css

求助,DIV自适应浏览器高度_html/css_WEB-ITnose:本帖最后由 sylyu4 于 2012-07-03 16:41:40 编辑 我一个页面,代码如下: 无标题文档 body {color:#000;margin:0px;padding:0px;} #main_container{ width:1000px; height:100%; margin:0px
推荐度:
标签: 浏览器 求助 html
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top