流体css但不小于固定宽度

问题描述:

好吧我正在研究流体css的地图方面,我需要在我的网站上实现。我发现这个演示看起来像我想要的东西:流体css但不小于固定宽度

http://www.dynamicdrive.com/style/layouts/item/css-liquid-layout-39-fluid-fluid-fluid/

有没有一种方法,使左栏和右栏流体,使他们能够有更大的浏览器窗口扩大。但不能限制在一定的宽度以下,比如说每个175px?

所以,如果有更多的空间浏览器对一些用户来说,我希望能够使用它,从而使所有三米栏是流体。但无论浏览器窗口多小(不包括移动浏览器,不包括移动应用程序),右列和左列都不能超过一定宽度。

使用下面的标签要收缩,但走不小于175px的元素(一个或多个)上;

min-width: 175px; 

现在这仅仅是符合IE8和IE7以上不支持这一种,但它可以是一个小马车,所以你需要使用它

它完全Firefox支持3.6+要小心(也许更早),Safari和Opera 10+

+0

我想,以后我张贴了这个问题,它样的工作,但它那种没有。我知道IE的问题。 看看演示我起床:http://fuudhub.com/demo/fluid.html 我添加了最小宽度的元素,但右列,黄金一个,填充开始陷入因为它的方式确定它: 'code' #rightcolumn { 保证金:0 62%0 15%;/*右边栏的边距。应该是“0 contentcolumnWidth 0 rightcolumnWidth */ 背景:#FDE95E; 最小宽度:223px;} ' code' – thindery

+0

@thindery有你有它或东西jsfiddle.net解释什么是不工作 – CBRRacer

+0

无我不..不知道这jsfiddle.net是什么 – thindery