爲什麼將這個html放在表單標籤中會改變佈局？

Question

我正在使用這個免費的網頁模板 - EliteCircle，並剛剛將它合併到一個母版頁。母版頁包裝了HTML中：（？表單默認CSS行爲）

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

模板幾乎出來罰款，除了整個頁面由認爲白色邊框和頁腳背景是半白的很底部。

我不希望用id = form1的表單來改變佈局中的任何東西。這個ID在[CSS] [2]中沒有任何內容。

當我從母版頁中刪除表格標籤（只是爲了檢查）佈局是完美的，沒有問題。

任何想法？

（使用Visual Web Developer 2008速成）

感謝， 格雷格

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

Answer 1

你看到在你的CSS文件中的

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

聲明？這威力只是解釋了厚厚的白色邊框和其他的東西你提到:)

要麼更改聲明form.myForm（和更改所有形式的需要），或重新級聯Form1的ID或內部的標籤您的頁面可以覆蓋這些設置。

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表單元素，各種形式的在你的頁面將獲得不屬性，但如果你沒有設置屬性的一類，只有形式與該類會收到ŧ母雞... 順便說一句：DocType也可能會干擾所需的結果...