конфликт двух форм

[flider]

Добрый день, многоуважаемый all !

Не подскажете ли в каком направлении копать?

Была на странице форма с вордпрессовой авторизацией. Потребовалось добавить под ней еще одну форму. После добавления имеем странную фишку - первая форма стала неактивной. Нельзя курсор поместить в поля, кнопка submit не работает. Полностью активна стала только вторая форма. Путем экспериментов выяснилось, что если из второй формы убрать все тексты, оставив только form, input, submit, то обе формы рабочие. Стоит для какого-то input-a добавить текст-описание (например, "введите имя"), получаем нерабочую верхнюю форму.

Ссылка на страницу, для просмотра кода (код второй формы, под Личным кабинетом, сейчас закомментарен) - http://www.transtovar.ru

 

Замираю в глубоком пардоне :-)

[Switch74]

Форма авторизации у вас вся на float и после нее нет clear

из-за этого ее размер считается как 0px и ваша вторая форма накладывается на нее  сверху

[flider]

Упс, какие новые горизонты открываются. Это мне дает понять, почему вторая форма так странно себя вела в отношении размещения элементов. Мерси.

Но по-прежнему не очень понятно что делать. Добавить в стиль второй формы clear? Если не сложно, просветите еще чуть-чуть, пожалуйста.

[Laroxx12]

Делаешь 

.clearfix:after{  content: '';  clear: both;  display: block;}

и применяешь к нужному..

[Switch74]

можете поискать по слову clearfix варианты могут быть разные:

1 добавление clear к следующему элементу

2 в конец элемента, который у нас схлопывается из-за float элементов, вставить блок с clear

3 и модификация второго способа - сделать тоже самое но через :after

Edited October 9, 2014 by Switch74

[flider]

Йеее, заработало!

Грандиозный мерси! :-))

 

ухожу изучать clearfix