Почему размещение этого html в тегах формы меняет макет?

Question

Я использую этот бесплатный веб-шаблон - EliteCircle и только что включил его в главную страницу. Главная страница оборачивает HTML в: (? Поведения CSS по умолчанию для формы)

<form id="form1" runat="server"> 
//master page html 
</form> 

шаблон почти выходит отлично, за исключением страницы целиком окружен думаю белой границы и фон колонтитула наполовину белый на очень дно.

Я бы не ожидал, что форма с id = form1 изменит что-либо в макете. Нет ничего в [CSS] [2] с этим id.

Когда я удаляю теги формы с главной страницы (просто чтобы проверить), макет идеален, никаких проблем.

Любые идеи?

(с помощью Visual Web Developer 2008 Express)

Спасибо, Грег

The CSS: http://www.styleshout.com/templates/preview/EliteCircle12/images/EliteCircle.css 

Answer 1

Вы видели объявление

/* form elements */ 
form { 
    margin: 15px; 
    padding: 15px 5px; 
    border: 1px solid #EFEFEF; 
    background: #F8F8F8;  
} 

в файле CSS? Это мощь просто объяснить густую белую границу и другие вещи вы упоминаете :)

Либо изменить эту декларацию form.myForm (и изменить все формы, которые нуждаются в ней), или повторно каскадной form1 идентификатор или внутренние теги на вашей страницы, чтобы переопределить эти параметры.

Answer 2

Я согласен с Konerak, но слово советы, не задать свойства для HTML элементов в общем виде, а не классы используют ...

Ваш CSS:

/* form elements */ 
form { 
    margin: 15px; 
    padding: 15px 5px; 
    border: 1px solid #EFEFEF; 
    background: #F8F8F8;  
} 

sugestted:

form.standard { 
    margin: 15px; 
    padding: 15px 5px; 
    border: 1px solid #EFEFEF; 
    background: #F8F8F8;  
} 

Если установить CSS для элемента формы, все формы в вашей странице получат ли свойство, но если вы установите это свойство класса, только формы со этим классом получат т hen ... Btw: DocType может также мешать желаемому результату ...