Нижний колонтитул собирается под DIV

Question

У меня есть форма, которая отправляется с использованием AJAX.Когда форма отправляется, она изменяется для отображения: none и div с сообщением об успехе отображается на его месте.

Я не уверен, как это предотвратить.Я знаю, что это связано с CSS.Вот CSS для этого div

#ajaxform{
    position:relative;
z-index:1
}

#ajaxdiv{
    display:none;
    position:absolute;
    height:auto;
    width:650px;
    background-color:#f3f3f3;
    z-index:10;
}

Что бы вы, ребята, порекомендовали попробовать, чтобы перекрытие не произошло.

Спасибо

Answer 1

Проблема в том, что у вашего #ajaxdiv есть position:absolute. Если вы удалите абсолютное позиционирование, это должно решить вашу проблему, хотя у вас, вероятно, есть абсолютное позиционирование элемента по какой-то причине, и в этом случае это может просто создать новые проблемы!

Answer 2

У вас есть div

Если вы добавите min-height: 100px, то оно будет отображаться без отсечения.

<div class="box_fullwidth" style="min-height:100px">

Я только что зарегистрировался и поиграл с кодом div.

Я также убрал 2 перевода строки

Answer 3

Измените #ajaxdiv на position:relative;

Также быстрый FYI: не используйте <br /> теги для позиционирования контента. Теги разрыва должны использоваться для указания разрыва в тексте, где вы хотите вручную разбить строку текста. Для позиционирования используйте отступы или поля. Я имею в виду два тега <br />, которые у вас есть над #ajaxdiv контейнером