|
|
Регистрация Восстановить пароль |
Повторная активизация e-mail |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
10.01.2016, 15:21 | #1 |
Новичок
Джуниор
Регистрация: 10.01.2016
Сообщений: 2
|
Плавающие блоки неопределенной высоты
работаю над галереей, разрезинил div c изображениями добавив float:left все прекрасно но некоторые блоки с изображениями имеют разную высоту (ширина всегда одинаковая) и так получается что
последующий блок зацепляется за самый высокий предыдущий блок, и выглядит не красиво((( Во вложении пример: взглянуть можно тут: http://wfi.lomasm.ru/русский.галерея если смотреть При разных разрешениях особенно заметно Требуется насильно держать плавающие блоки на одной строке: Как лучше это сделать? 1) javascript выставить всем блокам в одной строке высоту максимально высокого блока? 2) или как-то можно разрулить при помощи CSS, пока не въехал как.... Ищется самое простое и элегантное решение |
10.01.2016, 16:18 | #2 |
Новичок
Джуниор
Регистрация: 10.01.2016
Сообщений: 2
|
Сделала так: без flloat left
избавился от display: inline-block; в корневом диве блокам назначил стиль: width: 260px; min-height: 340px; display: -moz-inline-stack; display: inline-block; vertical-align: top; margin: 2px; zoom: 1; *display: inline; _height: 320px; пока все норм.. |
10.01.2016, 21:30 | #3 |
Старожил
Регистрация: 12.11.2010
Сообщений: 8,568
|
Я бы советовал установить для всех блоков одинаковую высоту, для всех внутренних элементов (заголовок, количество просмотров и т.д) также установить одинаковую высоту и отступы.
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Передача 2-мерного массива неопределенной размерности в функцию | AesmaDiv | Общие вопросы C/C++ | 2 | 06.02.2012 18:56 |
плавающие полосы.....Ассемблер | MISHAIL | Assembler - Ассемблер (FASM, MASM, WASM, NASM, GoASM, Gas, RosAsm, HLA) и не рекомендуем TASM | 0 | 06.06.2011 07:47 |
Плавающие элементы шапки | AnaTao | HTML и CSS | 0 | 11.07.2010 16:31 |
Блоки div вместо td, как сделать две колонки одинаковой высоты? | v.victoria12345 | HTML и CSS | 0 | 06.05.2009 18:05 |