最大高度不能正常工作的CSS布局

因此，对于一个网站，我一直试图让一个特定的布局在IE浏览器上工作（如果他们工作，FF + Chrome是一个加号，但通常他们这样做）。最大高度不能正常工作的CSS布局

下面你可以看到我试图实现的布局; alt text http://dl.dropbox.com/u/2199846/layout.png

正如您所看到的，这只是您可以在互联网上看到的多列布局的轻微变化。只是一些额外的额外的。
- 没有div应该超过页面高度，如果他们这样做，他们应该只是溢出（但通常只会发生在中间部分）
- “切换”链接应切换div下面可见/不可见（得到jquery代码和所有，没有问题那里），但该切换应当offcourse扩大/减少中间div的宽度。

我在我的可能性在这里结束了，并试图改变到一个全表格式，但有内存太多时总是扩大的问题...
如果你们中的任何CSS英雄在那里知道如何做出这种布局，我会非常感谢！

编辑：
什么我忘了补充的是，这种设计的某些部分应该是固定的宽度/高度。顶部应该是60px高度，左侧和右侧应该是200px宽度。而小酒吧（+切换酒吧）应该是30px高。
当然，我会尝试从下面发布的示例开始工作，但我认为我会添加此编辑以防万一有人发现它具有挑战性（我知道我发现它具有挑战性，但我还不太好在CSS现在）

来源

2010-07-07 Tim Geerts

垂直窗口高度通常很棘手。但是，您可以尝试将jQuery切换设置为'.hide（）'。这样，它将'display'属性设置为'none'，而不是在高度上搞乱。 – 2010-07-07 14:57:38

你有任何代码开始？我认为CSS'min-height'会成为你的朋友。 – 2010-07-07 15:00:15

http://jsfiddle.net/YGgTx/1/

这是一个模拟了什么你正在尝试做的，我相信。如其他海报所示，您可能想使用hide（）来处理菜单效果。如果这个样机有什么问题，请告诉我，我没有安装IE6，但它可以在8上运行。

来源

2010-07-07 15:24:57 Gabriel

尽管这确实是我设计的一个非常好的例子，但是我忘了提及该网站的某些部分是固定宽度的......我认为这会改变更多的困难，因为我会将PX与％... 编辑主要问题以反映这一点。但是，非常感谢这个小提琴，现在我可以从这个开始，看看我能否自己动手。 – 2010-07-08 07:48:35

井像素和百分比不会混合。如果它是为实际用户设计的（不是受控用户设置），那么您将希望保持灵活性。你不能用全像素完美控制来“填满屏幕”。有关此主题的优秀文章是http://www.alistapart.com/articles/fluidgrids/。你可以使用em来获得初始宽度并使用百分比，当有人调整大小时，它不会被吓倒。 – Gabriel 2010-07-09 03:35:57

最大高度不能正常工作的CSS布局

回答

相关问题