Скрытие блоков в зависимости от ширины экрана

[bigperson]

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

Что-то никак не могу найти примеров реализации подобного.

Подскажите пожалуйста пример.

[SelenIT]

Если высота блоков одинакова, то float для блоков и height + overflow:hidden для контейнера. Если нет, то, похоже, только скриптами.

[Softlink]

overflow наверное вам нужен?

Если высота блоков одинакова, то float для блоков и height + overflow:hidden для контейнера. Если нет, то, похоже, только скриптами.

наверное можно и на инлайн-блоках сделать, если сочетать

overflow:hidden;

white-space:nowrap; для контейнера

[sigma77]

http://jsfiddle.net/A47Rs/

[SelenIT]

white-space:nowrap; для контейнера

Имхо, как раз не нужен. Насколько я понял, элементы именно должны переноситься на др. строку — и скрываться за границей overflow. А float или inline-block, да, можно выбрать по вкусу.

[Softlink]

Насколько я понял, элементы именно должны переноситься на др. строку — и скрываться за границей overflow.

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

[SelenIT]

Ну я просто исходил из здравого смысла, что обрезанные краем полблока неэстетичны

[Softlink]

Ну я просто исходил из здравого смысла, что обрезанные краем полблока неэстетичны

Та мало ли чего там будет на сайте у автора Может и смотрибельно получится. А в твоем случае может оказаться пустое место. В общем решать ТС-у, как быть)

[bigperson]

Да именно должны скрываться блоки которые не влезают.

http://jsfiddle.net/A47Rs/ — этот вариант подходит, но там отображается часть блока, а нужно чтоб если не влезает — не отображается полностью

[Softlink]

Да именно должны скрываться блоки которые не влезают.

http://jsfiddle.net/A47Rs/ — этот вариант подходит, но там отображается часть блока, а нужно чтоб если не влезает — не отображается полностью

Тогда вам к здравому смыслу надо. SelenIT оказался правым

[sigma77]

bigperson,

Тогда вариант SelenIT или js

[bigperson]

Если убрать white-space:nowrap; то всё что не влезает переносится на другую строку. Смысл такой как на главной http://www.artlebedev.ru/ — блок не влезает — скрывается, а не переносится на новую строку.

Там это средствами js сделано?

[sigma77]

bigperson,

http://forum.htmlbook.ru/index.php?showtopic=30582&view=findpost&p=233204

У Лебедева, если ничего не меняли, было так - http://www.artlebedev.ru/tools/technogrette/html/thumbnails-center/

[bigperson]

Нет, это не то, в этом варианте блоки не скрываются, а двигаются на следующую строку

[sigma77]

bigperson,

А ты сам пример открывал?

Там просто блок обрезается не справа, а снизу

[bigperson]

Все спасибо, разобрался, height забыл указать