2009-08-14 70 views
0

我確定有人已經注意到了這一點,但我似乎無法找到解決方案。在IE7之前和之後,表單標籤IE插入換行符。這不好!示例代碼如下...解決方案?想法?ie7在表單標籤之後/之前插入換行符

<html> 
    <body> 
     <div id="pageContent" style="border:1px solid black; background-color:orange;"> 
     <form> 
     content bad <!-- notice spaces before and after form tags --> 
     </form> 
     </div> 
     <div id="pageContent2" style="border:1px solid black; background-color:orange;"> 
     content good <!-- no spacing --> 
     </div> 
    </body> 
    </html> 

回答

7

開始與<html>標籤之上的一個有效doctype declaration。忽略這將導致瀏覽器使用quirks mode而不是標準模式。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 

如果不解決這個問題,添加一個CSS規則,從表單元素刪除所有margin和padding:

form { margin: 0; padding: 0; } 
+0

同意,只需設置上邊距和下邊距的形式標記爲0 – Karl 2009-08-14 18:13:15

+0

保證金0的竅門!謝謝! – payling 2009-08-14 18:15:29