Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Как сверстать плавающие блоки без дырок? Как сверстать плавающие блоки без дырок? 
:(
    Опции темы
brother79
Дата 16.9.2009, 05:38 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 471
Регистрация: 18.8.2009

Репутация: 1
Всего: 6



Вообщем есть страница http://dev.nastandart.com/jurnal.html

Там довольно простой приём вёрстки пименён, т.е. обычный div, заданной ширины с float:left, высота - произвольная, в зависимости от заполнености дива

Проблема в том, что когда меняется ширина окна и высота блоков(а она будет постоянно меняться), бывают такие данные, что блоки встают с дырками, а надо, чтобы они стояли колонками. Я конечно могу пройтись скриптом и перетусовать их как надо, но это будет выглядеть не очень красиво, т.к. сначала надо, чтобы блок отобразился, тогда браузер узнает его высоту и потом можно его тусовать, чтобы убрать дырку, но пока это единственное решение, которое я вижу, это реализованно тут:

http://www.nastandart.com/next-news.html - когда дерево разворачиваешь, оно там колонками делается, правда неудобно, т.к. надо читать колонками, я собираюсь это переделывать тоже.

Может есть какие-то простые решения для данного вопроса

Это сообщение отредактировал(а) brother79 - 16.9.2009, 05:41


--------------------
PM MAIL WWW   Вверх
Pitbul
  Дата 16.9.2009, 08:47 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Fruzenshtein
*


Профиль
Группа: Участник
Сообщений: 231
Регистрация: 30.4.2008
Где: Киев

Репутация: нет
Всего: нет



brother79
Вообще ДИВами не верстаю, лишь отдельные элементы ими выполняю, но вот тут вот наверное сможешь найти ответ как задать позиционирования ДИВов один относительно другого smile 

http://www.htmlbook.ru/html/div.html
--------------------
### JAVA  ######  programming ###
PM MAIL WWW ICQ Skype   Вверх
bars80080
Дата 16.9.2009, 12:01 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315



не, вообще это следствие хаоса в самой идее. браузер ставит, как получает.

как видно, дырку образует больший блок идущей следом за меньшим. можно было бы на сервере изначально оценить количество пунктов для каждого блока и выдать в очереди по уменьшению. но всё равно полностью бы это не избавило
наиболее оптимальный и простой способ - сделать таблицу и раскидать блоки по колонкам, тоже с оценкой на сервере, чтобы количество пунктов в каждой колонке было примерно одинаковое


п.с. горизонтальный скрол в ИЕ7
PM MAIL WWW   Вверх
brother79
Дата 16.9.2009, 12:15 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 471
Регистрация: 18.8.2009

Репутация: 1
Всего: 6



Мне надо раскидать в несколько колонок блоки, их высота зависит от объёма текста в них, которая будет меняться. Если бы был способ узнать высоту блока до его показывания браузером - то всё бы упростилось, можно было бы скриптом раскидать, хотя у меня появилась идейка попробовать эти дивы заслонить чем-то, перестроить, а потом показатьуже перестроенные, правда подозреваю, что если сверху див белый нарисовать с z-index большим - надо будет ещё как-то высоту угадать в данном случае, но думаю это решаемо. В итоге будет как быд-то грузится, а потом див сверху спрячу и они покажутся уже красиво.

Сама идея - согласен, если продумывать расположение дивов на берегу - можно их расположить, но в этом то и суть, что я не хочу каждый раз вёрсткой заниматься, когда контент будет меняться, это должно работать без меня.

Добавлено через 3 минуты и 4 секунды
Цитата(bars80080 @  16.9.2009,  12:01 Найти цитируемый пост)
п.с. горизонтальный скрол в ИЕ7 


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

Добавлено через 5 минут и 17 секунд
Цитата(bars80080 @  16.9.2009,  12:01 Найти цитируемый пост)
на сервере изначально оценить количество пунктов для каждого блока и выдать в очереди по уменьшению. но всё равно полностью бы это не избавило



Это вообще ничего не решает, т.к. там ровно они не лягут, если только можно было бы изначально оценить высоту в браузере, но это нереально.


--------------------
PM MAIL WWW   Вверх
brother79
Дата 17.9.2009, 19:47 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 471
Регистрация: 18.8.2009

Репутация: 1
Всего: 6



Короче сделал скриптом, кому интересно можно посмотреть тут  http://dev.nastandart.com/jurnal.html


--------------------
PM MAIL WWW   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.2377 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.