2009-08-14 14 views
0

Ich bin mir sicher, dass jemand das schon einmal bemerkt hat, aber ich kann keine Lösung finden. In IE7 vor und nach Form-Tags fügt IE Zeilenumbrüche ein. Das ist nicht gut! Beispielcode unten ... Lösungen? Ideen?ie7 fügt Zeilenumbruch nach/vor Formular-Tag ein

<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> 

Antwort

7

Beginnen Sie mit einer gültigen doctype declaration über die <html>-Tag. Wenn Sie dies auslassen, verwendet der Browser quirks mode anstelle des Standardmodus.

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

Wenn das es nicht lösen, fügen Sie eine CSS-Regel alle margin und padding von Formularelementen zu entfernen:

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

Zugegeben, gerade eingestellt margin-top und margin-bottom für den Formular-Tag zu 0. – Karl

+0

Marge 0 macht den Trick! Vielen Dank! – payling

Verwandte Themen