收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 1608|回复: 5

[讨论] 如此布局,有人能帮我解决吗?(之前用的是jquery来解决的,但不是最好的方法。)

[复制链接]
发表于 2009-11-5 11:46:29 | 显示全部楼层 |阅读模式

框架图

框架图


请高手帮我看看这个布局,此布局宽为固定的990像素,高度却是要求全屏的(无论如何调整窗口大小,或者在不同分辨率的窗口下要求高度全屏。头部和尾部是固定高度,中间是自适应高度。)。我中间是一个大的IFRAME,因为头部有导航来切换中间的内容。至于中间的内容,又分开左右结构,右边同样也是一个IFRAME。

左边是一个折叠Tab,里面可能是要放树结构的,所以要求每个Tab的内容是可以滚动的。
中间是一个控制左边显示/隐藏的。
右边其实是要求有三种结构,我画的这个图是其中一种(要求上下固定,中间可以自动滚动的)。另外两种:一种是只有上标题没有下面的按钮,中间内容滚动;一种是只有中间内容,要求滚动。

之前我用jquery的脚本来获取整个屏幕的高度,再减去上下固定高度,就得到中间的高度。以此类推,同样方法获得左边要求滚动的高度和右边要求滚动的高度。但这种方法的一个最大的缺点是:每个IFRAME的页面都要写一个脚本来获得滚动内容的高度。一旦整个页面的某些地方高度尺寸更改,使得每个页面重新来写减去的高度。所以很不灵活。

请高手能否帮我看看有没有更好的方法,来达到效果。最好能自适应高度

注:这页面要求使用的DTD,<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">而非HTML4.01
发表于 2009-11-5 15:04:05 | 显示全部楼层
外面高度100%。不就高度全屏了嘛
回复 支持 反对

使用道具 举报

发表于 2009-11-5 16:45:24 | 显示全部楼层
14px 曾经发过一个类似的 老好了
你搜索下看看吧
div仿iframe
回复 支持 反对

使用道具 举报

发表于 2009-11-5 17:14:49 | 显示全部楼层
重新注册了,请大家移到下面地址进行讨论。谢谢!
http://bbs.blueidea.com/thread-2956023-1-1.html
回复 支持 反对

使用道具 举报

发表于 2009-11-5 18:22:14 | 显示全部楼层
原帖由 [i]singlesoho 于 2009-11-5 16:45 发表
14px 曾经发过一个类似的 老好了
你搜索下看看吧
div仿iframe

是的,有人已经发了,论坛资源要充分利用起来。
回复 支持 反对

使用道具 举报

发表于 2009-11-5 18:26:24 | 显示全部楼层
原帖由 [i]singlesoho 于 2009-11-5 16:45 发表
14px 曾经发过一个类似的 老好了
你搜索下看看吧
div仿iframe


是有发过,但请大家看看左边的结构,左边的折叠tab的数量是不确定的,有可能是五个有可能是三个,如何做到自适应。

右边也一样,标题和下面的按钮区,这两个区是有页面有,有的页面却没有,如何让内容自适应高度?
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备12001430号 )  

GMT+8, 2020-11-26 17:20 , Processed in 0.129554 second(s), 11 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表