因此,我正在制作一个相当有问题的布局网站。用黑块表示四个角落图像TL,TR,BL和BR。深橙色区域是主要内容(宽度为960像素),外部区域用绿色箭头表示为浏览器窗口。见图:棘手的CSS布局
Diagram http://dotcafedesigns.com/stackoverflow/problem.gif
顶部图像表示在其最窄可能的位点 - 它不应该被允许比这窄的(960像素),如果它比定义的面积大,应该没有滚动条。底部的两张图片代表不同的浏览器宽度。
除非宽度降至960像素,否则底部左侧和右侧的黑块(图像)应始终位于屏幕的左下角和右侧,在这种情况下,BL和BR图像应插入主区域略。如果网站缩小到200px,BR图像不应该仍然在右上角。在这一点上,我并不真正关心它在IE6中的工作情况(我可以粗略地工作),但我甚至无法弄清楚如何完全没有Javascript或极其实验性的CSS。目前,我正在使用绝对定位的div来完成哪种工作,但工作不太正确。
我想我会愿意接受一点JS如果没有其他方式,但我宁愿不。
非常感谢!
男人,你有一些疯狂的布局正在进行! :D – 2010-03-07 20:42:45
我知道,真的让自己失败与这一个。 :( – Meep3D 2010-03-07 20:47:48
注意:我会奖励这个问题,并将它提供给谁答案,你必须等待24小时左右,然后才发出赏金不幸(或者我现在会这样做),但我会等待那么久,做到这一点,然后标记你作为正确的答案。谢谢! – Meep3D 2010-03-07 20:49:25