喜悦国际村 
» 游客:  注册 | 登录 | 搜索 | 统计 | 喜悦证交所 | 帮助

RSS 订阅当前论坛  

[北京]代朋友公司招聘PHP高级程序员多名

上一主题 下一主题
 12  1/2  1  2  > 
     
标题: [讨论] 求DIV布局精华  
 
unspace (未知空间)
版主
Rank: 7Rank: 7Rank: 7
百万富翁


UID 67567
精华 0
积分 48884
帖子 5098
金钱 47788 喜悦币
威望 0
人脉 1096
阅读权限 100
注册 2005-12-28
来自 吉林
状态 离线
求DIV布局精华

所要布局如图,具体说明如下:
将图中4个部分分别分为:header main{left middle right} bottom
想要实现header100%自适应宽度(内有760px像素图片,所以它的最小宽度是760px)

问题是main中的左中右如何分配
left:最小宽度为200px(如果页面比较宽)
middle:最小宽度为400px(同上)
right:为固定宽度为160px

这样实现的效果就是无论在多大分辩率的显示器上,都至少显示为width760px宽
如果大于这个数值,各部分均分自动调整宽度以适合当前分辩率

设计这样一个效果,具体细节有几处关键css代码,各为什么用处,如clear:both;好象就用得到

另外如果想让左中右之间,各留2px距离如何处理呢?

大家谈谈心得,没有特别具体的问题,有问题的就问,想说的就多说两句,谢谢~~

[ 本帖最后由 unspace 于 2006-8-28 05:59 PM 编辑 ]


 附件: 您所在的用户组无法下载或查看附件



7月1日起,北京市低保、最低工资标准、失业保险、工伤保险、基本养老金5项社会保障标准均将全部上调。其中,最低工资标准增加70元,提高到800元。
2006-8-28 05:54 PM#1
查看资料  访问主页  Blog  发短消息  顶部
 
unspace (未知空间)
版主
Rank: 7Rank: 7Rank: 7
百万富翁


UID 67567
精华 0
积分 48884
帖子 5098
金钱 47788 喜悦币
威望 0
人脉 1096
阅读权限 100
注册 2005-12-28
来自 吉林
状态 离线
[推荐阅读] 急需高级技术人才!公司属于有前景的待上市公司(美国上市)。
问:在main区域里,左中右三部分,采用的什么样的对齐方式比较好
在实践中发现一个问题,main宽度设为100%,left为30% middle为50% right为20%,而right却跑left middle的下边去了,而不是它的右侧,如果把right的宽改为19%则按左中右的方式排列,为何




7月1日起,北京市低保、最低工资标准、失业保险、工伤保险、基本养老金5项社会保障标准均将全部上调。其中,最低工资标准增加70元,提高到800元。
2006-8-28 06:02 PM#2
查看资料  访问主页  Blog  发短消息  顶部
 
LuckLrj (中国php中的爱因斯坦)
版主
Rank: 7Rank: 7Rank: 7
老会员


UID 64836
精华 0
积分 2309
帖子 3102
金钱 2309 喜悦币
威望 0
人脉 0
阅读权限 100
注册 2005-6-19
状态 离线
[推荐阅读] 请教下,字符串包含函数
<div>
<div 左></div>
<div 中></div>
<div 右></div>
</div>

都浮左 设置宽度。margin




学习,工作累了,请访问我的小站,娱乐一下。http://www.52sunny.net
2006-8-28 06:24 PM#3
查看资料  Blog  发短消息  顶部
 
angeljyt
中级会员
Rank: 3Rank: 3



UID 72645
精华 0
积分 428
帖子 394
金钱 428 喜悦币
威望 0
人脉 0
阅读权限 30
注册 2006-5-1
状态 离线
[推荐阅读] 个人求职
自己看看CSS吧,了解下盒式模型,float,clear,overflow.不然的话,布局出来死得很惨的,你的布局会变形。
别人说了你也体会不到,还是自己学到的最好。
2006-8-29 03:56 AM#4
查看资料  Blog  发短消息  顶部
 
litqqs
注册会员
Rank: 2
初级会员


UID 64079
精华 1
积分 154
帖子 116
金钱 144 喜悦币
威望 10
人脉 0
阅读权限 20
注册 2005-5-12
状态 离线
[推荐阅读] 请问下:这段html代码用什么样的正则表达式来匹配
看这里吧
中文
http://www.forest53.com/tutorial ... mp;id=43&page=1
英文原文教程
http://www.alistapart.com/articles/holygrail
最终结果
http://www.alistapart.com/d/holygrail/example_3.html




心动就要行动.
秋士出品,必是精品.
2006-8-30 02:48 AM#5
查看资料  访问主页  发短消息  QQ  顶部
 
luckyage
注册会员
Rank: 2



UID 74116
精华 0
积分 52
帖子 145
金钱 52 喜悦币
威望 0
人脉 0
阅读权限 20
注册 2006-5-26
状态 离线
[推荐阅读] 自己研究了一下smarty注册函数
顺序从右到左会比较好写点
2006-8-30 05:26 PM#6
查看资料  发短消息  顶部
 
ripen
中级会员
Rank: 3Rank: 3
一般会员


UID 66304
精华 1
积分 278
帖子 298
金钱 268 喜悦币
威望 10
人脉 0
阅读权限 30
注册 2005-8-30
状态 离线
[推荐阅读] 请看看这两个模板函数怎么用?


QUOTE:
原帖由 litqqs 于 2006-8-30 02:48 AM 发表
看这里吧
中文
http://www.forest53.com/tutorial ... mp;id=43&page=1
英文原文教程
http://www.alistapart.com/articles/holygrail
最终结果
http://www.alistapart.com/d ...
果然是好东西!!




孔子曰 打架用砖乎 不宜乱扔乎 往头上扔乎 出血乎 不出血接着乎
2006-8-30 06:13 PM#7
查看资料  Blog  发短消息  QQ  顶部
 
游戏人间
版主
Rank: 7Rank: 7Rank: 7
☞风云山庄大少爷☜


UID 62639
精华 2
积分 14492
帖子 7414
金钱 14345 喜悦币
威望 20
人脉 127
阅读权限 100
注册 2004-12-21
来自 广西人在北京
状态 离线
[推荐阅读] [原创]关于页面优化 和伪静态
这东西太复杂了,还是用表格省事。



 
群号:6025396/6025252/19520091(广西PHP交流/PHP高级编程/算法交流) 寧可在嘗試中失敗,也不在保守中成功! 不為失敗找理由,只為成功找方法! 饿踢Blog
 
2006-8-30 06:15 PM#8
查看资料  访问主页  Blog  发短消息  顶部
 
ripen
中级会员
Rank: 3Rank: 3
一般会员


UID 66304
精华 1
积分 278
帖子 298
金钱 268 喜悦币
威望 10
人脉 0
阅读权限 30
注册 2005-8-30
状态 离线
[推荐阅读] 又一喜悦中国村


QUOTE:
原帖由 游戏人间 于 2006-8-30 06:15 PM 发表
这东西太复杂了,还是用表格省事。
表格在布局方面是好手,但是有一点就是慢~~
因为WEB需要把所有的TABLE加载一遍再显示,那么如果TABLE很多,效果就是很差了!
所以最恐怖的就是外层先是一个大的TABLE,然后再用小的TABLE分割、分割、分割............
最慢了~~




孔子曰 打架用砖乎 不宜乱扔乎 往头上扔乎 出血乎 不出血接着乎
2006-8-31 09:38 AM#9
查看资料  Blog  发短消息  QQ  顶部
 
unspace (未知空间)
版主
Rank: 7Rank: 7Rank: 7
百万富翁


UID 67567
精华 0
积分 48884
帖子 5098
金钱 47788 喜悦币
威望 0
人脉 1096
阅读权限 100
注册 2005-12-28
来自 吉林
状态 离线
[推荐阅读] 村子被盗了


QUOTE:
原帖由 ripen 于 2006-8-31 09:38 AM 发表
最恐怖的就是外层先是一个大的TABLE,然后再用小的TABLE分割、分割、分割 ...
我发现很多人用div布局也是一个大DIV,然后套了一堆小DIV,几乎一个DIV就是一个单元格
这样的排版时间倒不如用表格的单元格,有些网页会有几千个ID,几百个class,更恐怖
虽然这些单元可以在屏幕上乱串位置,有啥意思呢

[ 本帖最后由 unspace 于 2006-8-31 09:48 AM 编辑 ]




7月1日起,北京市低保、最低工资标准、失业保险、工伤保险、基本养老金5项社会保障标准均将全部上调。其中,最低工资标准增加70元,提高到800元。
2006-8-31 09:47 AM#10
查看资料  访问主页  Blog  发短消息  顶部
 12  1/2  1  2  > 
     


  可打印版本 | 推荐给朋友 | 订阅主题 | 收藏主题 | 开通个人空间  


 




Powered by Discuz! 6.1.0  © 2001-2010 Comsenz Inc.
Processed in 0.031850 second(s), 6 queries

(冀ICP备05009913号) 管理员:sadly 邮箱/MSN: sadly@phpx.com QQ:824008(长隐) 清除 Cookies - - Archiver - WAP