Web_Design 板


LINE

这是我的blogger的排版问题http://lamemoire0117.blogspot.com 在之前我修改CSS增加了#maintop1-wrapper、#maintop2-wrapper、#maintop3-wrapper 三个div用来放置网页元素的(现在maintop3没在用)。 修改完成後,却发现我的#footer-wrapper始终紧贴着#main-wrapper, 即,在看一些篇幅较短的文章时,本文区的长度就会比侧边栏区短; 这时#footer-wrapper的显示位置却不是在#main-wrapper+#sidebar-wrapper两者之下。 ──而是依然在#main-wrapper之下,也就是说多出本文区长度的部分侧边栏,会跨过 #footer-wrapper而继续往下延伸。↓ ┌────────────────────────────┐ │#header │ └────────────────────────────┘ ┌#content────────────────────────┐ │┌─────┐┌─────┐┌─────┐┌─────┐│ ││#maintop1 ││#maintop2 ││#maintop3 ││#siderbar ││ │└─────┘└─────┘└─────┘│ ││ │┌───────────────────┐│ ││ ││#main ││ ││ ││ ││ ││ ││ ││ ││ ││ ││ ││ ││ ││ ││ ││ ││ ││ ││ ││ ││ │└───────────────────┘│ ││ └─────────────────────┤ ├┘ ┌─────────────────────┤ ├┐ │#footer │ ││ └─────────────────────┤ ├┘ │ │ └─────┘ 我想说不定是因为#siderbar-wrapper的position: absolute所造成的? 所以使#footer-wrapper的位置就不会依着#siderbar, 但要不是设定absolute,侧边栏就会跑到文章区下面啦; 也都加过clear: both,但依然无效... 另外在firefox中所有区域都可以看得见;但在ie6中画面只能显示到#main的底端, 整个#footer和超越#main底边的部分#sidebar都超出可浏览边界而不可见?! 请问以上两个套黄色的问题要如何修正呢如何修正?谢谢! -- 《The words; the memory.》 ~ http://lamemoire0117.blogspot.com/ ~ --



※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 218.162.100.165 ※ 编辑: astro117 来自: 218.162.100.165 (02/28 19:46)
1F:→ starjou:试试 content 加入 overflow:auto 的属性看看 02/28 20:01
2F:→ astro117:我加了後在ff有效可是在IE6却和原先一样耶?.. 02/28 20:28
3F:→ starjou:以前有遇过类似的问题,IE6 要在 sidebar 跟 content 的 02/28 20:35
4F:→ starjou:结束 tag </div>中间加个空白还是 &nbsp; 才会自动长高 02/28 20:35
5F:→ starjou:好像是降吧,不过後来我直接改掉那些 block 的结构了。 02/28 20:36
6F:→ starjou:有点不太记得细节 02/28 20:37
7F:→ astro117:嗯谢谢我去GOOGLE看看您说的找找~ 02/28 20:42
8F:推 GALINE:我看过的做法是content加上overflow:none,且不指定高度 02/29 01:28
9F:→ aaroms:content的overflow设定为hidden可以解决IE6的 03/05 00:27







like.gif 您可能会有兴趣的文章
icon.png[问题/行为] 猫晚上进房间会不会有憋尿问题
icon.pngRe: [闲聊] 选了错误的女孩成为魔法少女 XDDDDDDDDDD
icon.png[正妹] 瑞典 一张
icon.png[心得] EMS高领长版毛衣.墨小楼MC1002
icon.png[分享] 丹龙隔热纸GE55+33+22
icon.png[问题] 清洗洗衣机
icon.png[寻物] 窗台下的空间
icon.png[闲聊] 双极の女神1 木魔爵
icon.png[售车] 新竹 1997 march 1297cc 白色 四门
icon.png[讨论] 能从照片感受到摄影者心情吗
icon.png[狂贺] 贺贺贺贺 贺!岛村卯月!总选举NO.1
icon.png[难过] 羡慕白皮肤的女生
icon.png阅读文章
icon.png[黑特]
icon.png[问题] SBK S1安装於安全帽位置
icon.png[分享] 旧woo100绝版开箱!!
icon.pngRe: [无言] 关於小包卫生纸
icon.png[开箱] E5-2683V3 RX480Strix 快睿C1 简单测试
icon.png[心得] 苍の海贼龙 地狱 执行者16PT
icon.png[售车] 1999年Virage iO 1.8EXi
icon.png[心得] 挑战33 LV10 狮子座pt solo
icon.png[闲聊] 手把手教你不被桶之新手主购教学
icon.png[分享] Civic Type R 量产版官方照无预警流出
icon.png[售车] Golf 4 2.0 银色 自排
icon.png[出售] Graco提篮汽座(有底座)2000元诚可议
icon.png[问题] 请问补牙材质掉了还能再补吗?(台中半年内
icon.png[问题] 44th 单曲 生写竟然都给重复的啊啊!
icon.png[心得] 华南红卡/icash 核卡
icon.png[问题] 拔牙矫正这样正常吗
icon.png[赠送] 老莫高业 初业 102年版
icon.png[情报] 三大行动支付 本季掀战火
icon.png[宝宝] 博客来Amos水蜡笔5/1特价五折
icon.pngRe: [心得] 新鲜人一些面试分享
icon.png[心得] 苍の海贼龙 地狱 麒麟25PT
icon.pngRe: [闲聊] (君の名は。雷慎入) 君名二创漫画翻译
icon.pngRe: [闲聊] OGN中场影片:失踪人口局 (英文字幕)
icon.png[问题] 台湾大哥大4G讯号差
icon.png[出售] [全国]全新千寻侘草LED灯, 水草

请输入看板名称,例如:Gossiping 或 站内搜寻

TOP