Помощник
|
Плавающие блоки |
ooki
|
Сообщение
#1
|
||
|
|
||
|
|||
Licoric |
2.5.2009, 21:04;
Ответить: Licoric
Сообщение
#2
|
|
а если в таблицу вставлять таблицы?
|
|
|
Exploit_hb |
2.5.2009, 21:09;
Ответить: Exploit_hb
Сообщение
#3
|
|
сделайте не 1 блок и 4 колонки в нем, а 4 колонки и в каждой свои блоки. Тогда получится сделать чтобы блоки во 2 и 4 колонках "всплыли".
|
|
|
ooki
|
Сообщение
#4
|
|
Тут дело в «резиновости». Таблицы в таблице, и «узкий» и «широкий» дивы не проканают.
Понимаете, колонок может быть сколько угодно, в зависимости от разрешения экрана — от 1-го до, ну не знаю, 8-10. Я нарисовал 4 как частный случай. |
|
|
Exploit_hb |
2.5.2009, 21:33;
Ответить: Exploit_hb
Сообщение
#5
|
|
получается если я правильно понял, то если экран будет в 2 раза шире то те блоки что внизу, переместятся вверх и получатся в 1 линую с первыми 4 верхними блоками?
|
|
|
ooki
|
Сообщение
#6
|
|
Да-да, вы меня правильно поняли. А если экран будет раза в полтора шире, то внизу останутся болтаться пара блоков.
|
|
|
Exploit_hb |
2.5.2009, 22:29;
Ответить: Exploit_hb
Сообщение
#7
|
|
Использовав ваш код увидел что получается даже не так как у вас на картинке.
При варианте что вверху будет 4 блока и внизу 4, то 5-й блок помещается не под 1-ым а под 2-ым так как первый выше и 5-й прижимается к нему с лева, а не уходит под него, ну и дальше всё повторяется... Еслибы ячейки были одинакового размера (хотябы в высоту), то всё получлось бы идеально, а так будут такие кошмары. Или первый (или самые высокие) блок будет в 2 раза выше за остальные, а те в свою очередь в 2 раза меньше, то тогда они будут тоже нормально обтекать друг друга. А так если размеры высоты блока разные у всех, даже сложно придумать чтобы оно обтекало так как хочется. Может быть возможно на ждаваскрипте сделать сценарий который будет позиционировать блоки именно так как нужно. |
|
|
ooki
|
Сообщение
#8
|
|
Спасибо, что тратите на меня время.
Самое смешное, нашел приблизительно то, что мне нужно, но пока не смог разобраться. Похоже, там действительно js все раскидывает (например, там position:absolute;) Вот неужели это нельзя сделать при помощи лишь html и CSS, не прибегая к жаве? |
|
|
klenovnn |
4.5.2009, 7:06;
Ответить: klenovnn
Сообщение
#9
|
|
Блоки ни как не всплывут, по сколько если ты в первой ячейке задаешь высоту 200px остальные автоматически получат 200px и не меньше. Можно создать таблицу прозрачную, а в нее дивы (в виде блоков: border:1px solid #000) и получится то что ты хочешь. И ни какого position:absolute; тут не катит такой метод, это актуально когда сайт не широкий и фиксированный.
|
|
|
ooki
|
Сообщение
#10
|
|
Высота первой ячейки назначается равной высоте изображения, автоматом.
Таблицу прозрачную куда? В обертывающий див? Какие дивы в эту таблицу: с узкими картинками, широкими картинками, или все вместе (ну естественно все вместе наиболее предпочтительное решение)? Хочу подчеркнуть, что столбцов этих дивов может быть хоть сколько — от 1 до сколько влезет в ширину браузера. Резина. |
|
|
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Продам места под сквозные блоки на СМИ сайте текст или графика |
0 | seo_vladimir | 787 | 2.9.2020, 12:14 автор: seo_vladimir |
|
Не могу выровнять блоки по правую сторону | 1 | Dark_Delphin | 5910 | 18.11.2016, 0:14 автор: -Петр Чирнов- |
|
При уменьшении масштаба разъезжаются блоки | 0 | Alex.Bulgakov | 3560 | 9.11.2016, 15:28 автор: -Alex.Bulgakov- |
|
Как поднять блоки вверх | 2 | Denis_sf | 12870 | 21.11.2013, 22:32 автор: -hennessy- |
|
Сайт расползается на блоки при смене размера шрифта | 3 | datenrettung | 5630 | 26.2.2013, 22:16 автор: -Arks- |
Текстовая версия | Сейчас: 25.4.2024, 1:23 |