Элемент формы портит импортированный шаблон макета HTML / CSS в ASP.NET

Question

Я хочу использовать этот чистый шаблон HTML / CSS для моего веб-сайта ASP.NET:

http://sub3.tanguay.de

Я копирую его на свою страницу Default.aspx, внутри элемента FORM, но форма портит макет:

http://sub2.tanguay.de
ОБНОВЛЕНИЕ: теперь это отображается правильно, благодаря Devio.

Я попытался изменить стиль тега формы, но не смог заставить его перестать влиять на макет, я попытался:

style="margin: 0px; padding: 0px; display: inline; background-color: transparent;"

• Это распространенная проблема при копировании в шаблонах макета в ASP.NET?
• Есть ли легкое обходное решение, вроде некоторого запаса: исправление -2px или что-то подобное?
• Мне, конечно, нужно сохранить тег формы для функциональности ASP.NET.

Answer 1

У меня возникла та же проблема, и я изменил элемент формы на следующие исправленные вещи:

<form id="form1" runat="server" style="display: inline; background-color: transparent;">

Answer 2

1) попробуйте удалить атрибут background-color из класса формы:

form {
    margin:10px; padding: 0;
    border: 1px solid #f2f2f2; 
    background-color: #FAFAFA; /* remove this */
}

2) вы не можете вкладывать формы, но форма поиска содержится внутри формы ASP.Net, и ASP.Net требует ровно один тег формы на страницу.