Ширина блока динамическая, в резине

[chiffenok]

У меня есть верстка , прикладываю скриншот что было понятней,есть блоки(с анонсами) с у них float: left и задана определеная ширина примерно 45%. Если на 1600px то они располагаются в 2 колонки если окно уменьшаюшь то они в одну колонку получаются, и правого баннера пустое пространство, которое не хорошо смотрится. Как сделать так что бы в случаее когда его товары в одну колонку то они бы растягивались на всю ширину

[leoni4]

Здравствуйте, вот ссылка на готовый пример

Вам, конечно, нужно будет подобрать ваши параметры ширины, и высоты

И не забудьте добавить лекарство для нашего любимого браузера

    
<!--[if lt IE 9]> 
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script> 
<![endif]-->

ссылка на код

PS: незнаю почему, но в "коде", почему-то он обрезает .js на следущую строку, так быть не должно

Edited August 29, 2011 by leoni4

[chiffenok]

спасибо

там все средствами цсс делается?

[chiffenok]

не могу разобратся, у меня почему то есть такой момент когда уменьшаешь ширину окна есть такой момент когда уже в одну колонку но еще не на 100 % ширину, сужаешь еще тогда становится на 100%

[leoni4]

Да все делается средствами css

Обратите внимание на

эти значения,

@media screen and (max-width:  1160px ) {}

@media screen and  (min-width: 1160px) {}

в этих значениях вы ставите ширину окна браузера(!), а не контейнера

первое значение для окна меньшего чем 1160px, второе для большего

просто с первого раза это довольно сложно разобраться, сделайте несколько ошибок, подставляйте разные значения

в конечном итоге все будет работать как надо!