помогите с плавающими элементами

[vladmih]

http://jsfiddle.net/ZE2RN/

Суть проблемы, если окно узкое то внутренние блоки стоят в ряд.

А растягивать, то они должны стоять так как стоят, но чтоб те которые справа были прижаты к правому краю.

Как можно добиться этого?

[deadrash]

http://jsfiddle.net/ZE2RN/

Суть проблемы, если окно узкое то внутренние блоки стоят в ряд.

А растягивать, то они должны стоять так как стоят, но чтоб те которые справа были прижаты к правому краю.

Как можно добиться этого?

Если окно узкое они стоят в столбик, если растянуто, то в два столбика.

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

Если они продолжают стоять в столбик, что тогда стоит справа?

Вообще непонятно.

[vladmih]

http://jsfiddle.net/ZE2RN/

Суть проблемы, если окно узкое то внутренние блоки стоят в ряд.

А растягивать, то они должны стоять так как стоят, но чтоб те которые справа были прижаты к правому краю.

Как можно добиться этого?

Если окно узкое они стоят в столбик, если растянуто, то в два столбика.

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

Если они продолжают стоять в столбик, что тогда стоит справа?

Вообще непонятно.

Они стоят в два столбика,но между ними нет пустого места, как мне добиться чтоб элементы которые уходят вправо прижались к правому краю? Грубо говоря нужно чтоб нечетные прижались к левому краю, а четные к правому.

Контейнер 960px;

колонка 450px;

остается 60px;

и нужно чтоб эти 60 пикселей были расстоянием между этими колонками и не расстоянием между второй колонкой и концом контейнера.

[mrnobody]

Вот так можно, но мне кажется это не лучший способ http://jsfiddle.net/ZE2RN/1/. Ой, ошибся в подсчетах вот исправил http://jsfiddle.net/ZE2RN/2/

На весь экран http://fiddle.jshell.net/ZE2RN/2/show/

Edited April 17, 2013 by mrnobody

[vladmih]

Вот так можно, но мне кажется это не лучший способ http://jsfiddle.net/ZE2RN/1/. Ой, ошибся в подсчетах вот исправил http://jsfiddle.net/ZE2RN/2/

На весь экран http://fiddle.jshell.net/ZE2RN/2/show/

собственно идея сделать адаптивную верстку, поэтому и хотел сделать это, но как я понял меда запросы отпадают на ie 7-8, правильно? че посоветуете, использовать все таки медиазапросы и забить на эксплорер или оспользваться каким-нибудь фрейм верком? например бутстрапом....?

[npofopr]

Можно не пользоваться бутстрапом, можно просто посмотреть как это сделано у них.

Медиа запросы и в IE работают, после некоторых манипуляций. Правда они там вроде только через F5 срабатывают.

[vladmih]

Под словоми посмотреть у них, ты имеешь ввиду посмотреть как они сетку выстраивают и сделать самому точно так же по аналогии?

[npofopr]

Под словоми посмотреть у них, ты имеешь ввиду посмотреть как они сетку выстраивают и сделать самому точно так же по аналогии?

да, вполне логично же?

[vladmih]

Под словоми посмотреть у них, ты имеешь ввиду посмотреть как они сетку выстраивают и сделать самому точно так же по аналогии?

да, вполне логично же?

Ну если я опять же правильно понимаю, то сетка без управления JS хорошего нечего не даст, правильно?

Пытался разобраться как она работает, ну что-то не очень понятно. Если у тебя есть пару ссылочек, как правильно и почему именно так надо размечать, то было бы не плохо если бы ты поделился ими...

[npofopr]

Причем тут сетка и js?

Сетка строится через css, а js это лишь добавление каруселек и всяких выпадушек.

Читайте про медиа-запросы, вам всего лишь надо на разных разрешениях менять значения float и длин блоков.

@media screen and (max-width: 769px) {
       .class {...}
}