指定最小高度和100%高度

时间:2009-11-19 21:18:47

标签: css

我一直在网上搜寻试图找到我的css噩梦问题的答案。

主要问题似乎是在所有浏览器中获得最小高度:580px和高度:100%。

我需要做的是:

  1. 网站最小高度为580像素,包括页脚,因此滚动条前的总高度为580像素。
  2. 此外,最小宽度需要930px,包括每边15px的左右边距。
  3. 216px宽和100%高的左侧菜单减去30px的页脚高度。
  4. 屏幕的主要部分应填充所有可用空间。除非屏幕高度小于580px或宽度小于930px。在这种情况下,你会得到滚动条。
  5. 兼容性ie6,7,8,Firefox和Safari。
  6. 可以在没有Javascript的情况下完成吗?

2 个答案:

答案 0 :(得分:1)

可能有更简洁的方法,但是关于最小高度的想法(最小高度不会被IE< 8解释):

在屏幕的左下角放置一个绝对定位的1像素宽不可见DIV。给它580像素的高度。 这应该使高度至少为580像素。

水平宽度应该是可以的。

然后您应该能够以通常的方式处理菜单部分。

不要忘记你的HTML元素需要高度:100%高度:100%在身体内工作。

答案 1 :(得分:1)

首先,没有javascript,期间,IE6或IE7中的min-height不支持。所以你的问题的答案是否定的。

一般来说,虽然(并且我承认我不确定,因为我没有彻底测试它)但我似乎记得高度:100%覆盖了浏览器中的min-height属性设置支持它。

您可以尝试在100%高度div内部或外部使用第二个div,这是您需要的580px ......