Умная резиновая верстка

[gonandriy]

Доброе время суток.

Здесь пример http://web-engineering.com.ua/layout/

Возмозжо ли чтобы правий блок с полосами имел min-width и при етом не сваливался вниз при уменшении окна?

То есть, я хочу чтобы при сжатии окна до определенного размера ширина полос зафиксировалась и дальнейшее сжатие осуществлялось только за счет тескта.

Если что то не так, извините. Всю недостающую информацию готов предоставить.

Спасибо

Edited May 22, 2012 by gonandriy

[ShumNo]

наверное не левый а правый?

Не проверял, задайте ширину (правому блоку) в % и max-width в пикселях на которую он может растягиваться // отрегулируйте по вкусу

[gonandriy]

наверное не левый а правый?

Не проверял, задайте ширину (правому блоку) в % и max-width в пикселях на которую он может растягиваться // отрегулируйте по вкусу

Извините, действительно правый, исправил

Не понимаю, что даст max-width, если нужно ограничить минимальную ширину. Ширина у правого блока установлена 42%

Но он сваливаэться вниз при сжатии с определенного момента. Как этого избежать?

Edited May 22, 2012 by gonandriy

[Intern]

наверное не левый а правый?

Не проверял, задайте ширину (правому блоку) в % и max-width в пикселях на которую он может растягиваться // отрегулируйте по вкусу

Извините, действительно правый, исправил

Не понимаю, что даст max-width, если нужно ограничить минимальную ширину. Ширина у правого блока установлена 42%

Но он сваливаэться вниз при сжатии с определенного момента. Как этого избежать?

для первого блока пробуем поставить

position: relative;

а для второго

position: absolute

и не забываем про min-width:

Edited May 22, 2012 by Intern

[ShumNo]

наверное не левый а правый?

Не проверял, задайте ширину (правому блоку) в % и max-width в пикселях на которую он может растягиваться // отрегулируйте по вкусу

Извините, действительно правый, исправил

Не понимаю, что даст max-width, если нужно ограничить минимальную ширину. Ширина у правого блока установлена 42%

Но он сваливаэться вниз при сжатии с определенного момента. Как этого избежать?

Тогда в разметке правый блок должен идти первым и min-width ему необходимое кол-во пикселей (я так понял чтобы текст помещался?)

А с #main-page-text уберите float

[Softlink]

Используйте для этого media queries. Делайте макет полностью резиновым, потом, на определенном разрешении фиксируйте ширину правого блока. О разметке уже сами подумайте, как лучше сделать.

[gonandriy]

Всем спасибо, вроде все работает. Сделал как посоветовал ShumNo, спасибо.

об media queries не знал, очень интересно...

[cyklop77]

Всем спасибо, вроде все работает. Сделал как посоветовал ShumNo, спасибо.

об media queries не знал, очень интересно...

кажется, media queries не кроссбраузерны? нет?

Edited May 22, 2012 by cyklop77