текучая жидкость, но не меньше фиксированной ширины

Question

Ладно, я изучаю текучую CSS для карты, которую мне нужно реализовать на моем сайте. Я нашел это демо, которое выглядело так, как я хотел:

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

Есть ли способ сделать левый и правый столбцы текучими, чтобы они могли расширяться с помощью больших окон браузера. Но не быть в состоянии ограничить ниже определенной ширины, скажем, 175px каждый?

Итак, если у некоторых пользователей есть больше места в браузере, я хочу иметь возможность использовать его, тем самым позволяя всем трем столбцам быть текучими. Но правый и левый столбцы не могут быть меньше определенной ширины, независимо от того, насколько маленьким является окно браузера (за исключением мобильных браузеров, а не мобильного приложения).

Answer 1

используйте следующий тег на элементе (элементах), который хотите уменьшить, но не меньше 175px;

min-width: 175px;

теперь это совместимо только с IE8, и выше IE7 поддерживает его, но может быть немного глючно, поэтому вам нужно быть осторожным при использовании

он полностью поддерживается Firefox 3.6+ (возможно, ранее), Safari и Opera 10 +