|
|
Регистрация Восстановить пароль |
Повторная активизация e-mail |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
09.08.2015, 07:48 | #1 |
Новичок
Джуниор
Регистрация: 09.08.2015
Сообщений: 1
|
Абсолютное позиционирование криво работает на длинном по высоте лэндинге
Добрый день! Есть сайт http://valeodent.spb.ru/, представляющий длиннющую landing page, сделанную на темизированном Drupal 7. При щелчке по кнопке "Записаться" выходит форма, после заполнения которой посетитель должен увидеть сообщение типа "Заказ отправлен. В ближайшее время с вами свяжутся для уточнения деталей." - или сообщение об ошибке, если не все поля формы были заполнены. Сообщения реализуются через стандартные системные сообщения Drupal, но темизированы в файле .css шаблона сайта.
В шаблоне страницы page.tpl.php это сообщение выводится в блоке <div class="message">, который вложен в <div class="content-block">. Соответственно, поскольку content-block находится глубоко внизу, через долгую прокрутку браузера, сообщение исходно невидимо пользователем. И надо этот <div message> поднять в верхнюю часть окна браузера, чтобы посетители могли его увидеть! Просто переставить этот div в заголовок header не получается - Drupal откажется печатать сообщения вообще. fixed-позиционирование непригодно для моего клиента т.к. блок неприятно стоит на месте при прокрутке содержимого, а должен уезжать вверх. Остается использовать absolute позиционирование. У content-block указано position:static, т.е. вложенный в него message должен позиционироваться относительно окна браузера и всплыть наверх - однако, что-то не ладится и он позиционируется относительно своего родителя, так и оставаясь глубоко внизу((( В чем дело? Почему не работает абсолютное позиционирование несмотря на static у родителя? Может быть из-за того, что Родитель находится глубоко "под днищем" окна браузера и требует долгой прокрутки к нему? |
10.08.2015, 16:12 | #2 |
Форумчанин
Регистрация: 19.01.2015
Сообщений: 158
|
А клиент будет листать такую простыню до конца
А если вместо position:static использовать position:relative ?
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Абсолютное позиционирование таблицы | vlad-55 | HTML и CSS | 4 | 11.03.2012 23:40 |
OnFilterRecord. Работает, но немного криво :) | Fexys | БД в Delphi | 5 | 23.01.2012 00:39 |
программа работает криво | Юрий_91 | Общие вопросы C/C++ | 1 | 25.04.2010 08:40 |
почему DrawText криво работает? | STill_ace | Общие вопросы C/C++ | 11 | 24.08.2009 15:57 |
Криво работает polygon | ROD | Общие вопросы C/C++ | 5 | 06.02.2009 20:54 |