作者astro117 (sebastien)
看板Web_Design
标题[问题] 在IE6有div超出边界无法看见?..
时间Thu Feb 28 19:45:18 2008
这是我的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>中间加个空白还是 才会自动长高 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