Мега задачка CSS, float

GSMtricks · 2011-11-30T14:09:18.0000000Z

Приветствую, поставил перед собой задачу в определенном размещении элементов, и так и не смог побороть пока что. Итак что должно быть... Есть 2 вида элементов: 1. <div style="width:393px; float:left; height:295px; border:#000000 1px solid; margin: 10px 0 0 10px"></div> 2. <div style="width:158px; float:left; height:598px; border:#000000 1px solid; margin: 10px 0 0 10px"></div> Элементы первого вида всегда одинаковы, Нужно разместить блоки след образом ( 2 он по высоте равен 1 + 1 элемент ): ___________ |1 | | 1| | -| 2 | -| |1 | | 1| По высоте элемент 2 как раз будет примерно как элементы 1 друг под другом Элемент 1 и 2 можно править, но всегда все элементы 1 одинаковы должны быть. Как ни крутил не выходит, всегда первые два элемента 1 идут друг за другом, а мне нужно что бы второй опустился под первый... Может кто понял что я имею ввижу и может помочь? :popcorn:

R

22

rommer

30 ноября 2011, 18:06

#21

GSMtricks:
Да он на DLE, через модуль рекламы я смогу указать после какой новости ( блока ) вывести рекламный блок

GSMtricks добавил 30.11.2011 в 20:45

Высота разная блока 1 и блока 2. На картинке видно. Абсолютом пробывал, смог первые два блока номером 1 разместить один под одним ( как нужно ) и рядом блок номер 2 ( как нужно ) но последующие блоки попали под блок номером 2, то есть отступ не произошел...

нет, блоки №1, они разновысотные? Или все одинаковой высоты?

И еще вопрос: у них (у блоков №1) есть идентификаторы id?

домашняя страница - google.com.ua

G

101

GSMtricks

30 ноября 2011, 18:48

#22

Блоки №1 все одинаковые. Индификаторов нет. Код блока №1 всегда одинаков

Продажа сайтов (/ru/forum/866932) под Amazon и AdSense

R

22

rommer

30 ноября 2011, 19:15

#23

тогда тупо (очень тупо):

делаешь див фиксированной высоты, чтобы в него влезла ПОЛОВИНА всех №1.

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

:)

а если JS не включен, то будет просто правый див пустым, и это вроде ничего страшного.

[SEO] видят ли боты Помощь по верстке Перестал работать скрипт антиадблока

Что делать, если ваша email-рассылка попала в спам

В 2023 году Одноклассники пресекли более 9 млн подозрительных входов в учетные записи