Наложение блоков друг на друга

darkghost

Живу я здесь
2212
97 / 0

Наложение блоков друг на друга

« : 19.12.2014, 11:51:37 »

Доброе время суток

Сколько писал и давал советы по решению проблем CSS, а вот сам свою побороть не могу (уже закончились идеи). Поэтому обращаюсь к Вам, ГУРУ
При уменьшении окна браузера, блок с отзывами наплывает на блок услуги. Этот вопрос особенно важен, поскольку точно такое происходит на моб-приложениях

Блок услуги – он поверх, поскольку он выходит за рамки основного блока (position – absolut), позиция отзывов – relative. Вот в этом очевидно вся загвоздка.
Правил, изменял стили – дописывал display, float – не помогает. Изменял значение position – не помогает. Услуги уходят в самый верх страницы или происходит наложение нижних трех блоков поверх Услуг.

Посоветуйте – как можно побороть эту проблему.
Заранее, благодарю.
Ссыль на сайт

Записан

darkghost

Живу я здесь
2212
97 / 0

Re: Наложение блоков друг на друга

« Ответ #1 : 21.12.2014, 13:42:46 »

приходят разные идеи - но все не то. Можно ли добавить еще один <div> под низ "абсолюта", чтобы "занять" пустое место под блоком с картинкой? Или это с области фантастики?

Код

HTML
<div class="service_l-home">
    <div class="service_l-home_favorites"> ---- блок с картинкой
      <h2>Услуги</h2>
           <div class="moduletable"> --- меню
            <a href="#">Записаться ONLine</a>
   </div>
</div> 
 
CSS
.service_l-home_favorites {
    background: url("../images/...") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 726px;
    left: 9px;
    position: absolute;
    top: -50px;
    width: 212px;
}

« Последнее редактирование: 21.12.2014, 13:45:47 от darkghost »

Записан

darkghost

Живу я здесь
2212
97 / 0

Re: Наложение блоков друг на друга

« Ответ #2 : 24.12.2014, 10:31:46 »

неужели никто не сталкивался с проблемой? Как "упаковать" блоки, которые имеют разные "позишион"? Может кто-то встречал нечто подобное, где-то в шаблоне, в блоге?

Записан

Как изменять размеры блоков если боковые отсутствуют? Автор nightbodom	Ответов: 1 Просмотров: 1180	29.05.2015, 01:14:15 от nightbodom
Как отделить материалы в блоге категории друг от друга картинками? Автор mysh-medunica	Ответов: 0 Просмотров: 1288	01.10.2014, 17:26:03 от mysh-medunica
Смещение блоков в IE Автор Alex_14	Ответов: 4 Просмотров: 1282	24.07.2014, 11:24:25 от Alex_14
Как сделать отдельные позиции модулей без блоков? Автор mr.shusty	Ответов: 4 Просмотров: 1494	12.06.2014, 04:18:42 от mr.shusty
Сдвиг Блоков Автор artem22122	Ответов: 7 Просмотров: 1657	15.08.2013, 10:49:00 от Entombed

Наложение блоков друг на друга - Joomla 2.5: Шаблоны, разметка и макеты вывода

Новости Joomla

🏆 Открыто голосование за Joomla в премии CMS Critic People’s Choice Awards 2025

👩‍💻 Релиз JoomGallery 4.3.0 - компонент галереи изображений для Joomla.

👩‍💻 Вместе мы развиваем Joomla: станьте Joomfluencer!

darkghost

Наложение блоков друг на друга

darkghost

Re: Наложение блоков друг на друга

darkghost

Re: Наложение блоков друг на друга

Похожие темы