Обрезается футер и кнопка "Отправить" формы обратной связи

голоса: 0

Не могу понять, что сделать. Обрезается футер на странице "Контакты" сайта и кнопка "Отправить" в форме обратной связи. Обнаружил, что причина кроется в этом участке кода формы связи:

 <div class="message-fild"> <span>Сообщение <font color="red">*</font>:</span> <textarea rows="7" name="f3"> </textarea><div>

Если его удаляю, футер приходит в норму. Почему? Помогите, пожалуйста... Ещё предстоит многому учиться...

| Автор: | Категория: Дизайн сайта
Теперь стало получше, но проблема с обрезанной кнопкой осталась. Футер теперь не обрезан, но не примыкает к низу окна браузера. Ясно, что дело в div-вёрстке, но где именно...  Интересно, что на небольших экранах кнопка приобретает нормальную форму.
Исправил проблему с примыканием футера к низу страницы. Осталась кнопка...

Ответов: 1

голоса: 0
 
Лучший ответ

В файле стилей - http://moguman.ucoz.ru/css/style.css строка номер 953:

label.btn1.btn2.btn-8.btn-8c {
    width: 20%;
}

замените на max-width:100%

| Автор:
Выбор ответа лучшим | | Автор: Рустам Бегалиев

Спасибо. Это сделал. Но обратил внимание, что письма не отправляются. Проверил. Чтобы футер прижался к низу окна страницы, я в почтовой форме ставил </div> (закрывающий) после строки:

 <label class="btn1 btn2 btn-8 btn-8c"><input type="submit" value="Отправить"></label>

Тогда футер встаёт на место, но письма не отправляются. Если этот закрывающий div убрать, письма отправляются, но футер "отваливается" от низа окна...

Рустам Бегалиев,

Отправляются, вот пример:

верните тот див на месте, не удаляйте. Стили, что я писал выше замените на:

label.btn1.btn2.btn-8.btn-8c {
     max-width: 26%;
     border-radius: 4px;
}

Yuri_Geruk,
Снова подставил закрывающий DIV, и письма опять не отправляются...
Рустам Бегалиев,

Отправляется, просто окно исчезает об отправке, это конфликт скриптов, с шаблона удалите скрипт:

<script src="/js/jquery-1.11.1.min.js"></script>

из-за него возникает конфликт.

Yuri_Geruk,
Убрал JS, но проблема осталась. И почему, если убрать закрывающий div в коде почтовой формы, эта проблема исчезает?
Рустам Бегалиев,
Все же конфликт остался, уберите напоследок скрипт - <script src="/js/jquery.chocolat.js"></script> после будем смотреть.
Yuri_Geruk,
Убра. Пока безрезультатно...
Рустам Бегалиев,
Других вариантов решения я пока не вижу, перейдите еще напоследок в общие настройки сайта, найдите пункт - Версия библиотеки jQuery, где вместо 1.10.2, выберите 1.7.2 и сохраните изменения, возможно поможет, хотя гарантий нет.
Yuri_Geruk,
Нет, не помогает. А если всё же убрать закрывающий DIV в форме, может, как-то можно будет прижать футер к полу?
Рустам Бегалиев,
Проверяйте код, где пропустили и не закрыли HTML теги.
...