Marge Vs. Padding in InternetExplorer 7
Die Unterschiede zwischen Ränder und Abstände sind nicht klar, viele angehende Webdesigner, die cascading Stylesheets neu sind. Internet Explorer 7 ist besser unterstützen als IE6 CSS, aber der Browser hat noch einige Macken. Um eine Website zu erstellen, die in mehreren Browsern kompatibel ist, sollten Sie wissen, den Unterschied Margen und Polsterung sowie bestimmte Fixes, die Sie benötigen, Ihren Code, um eine Seite in IE7 richtig angezeigt hinzu.
Seitenränder
Ränder fügen Leerraum um den Rahmen eines Elements. Margen beeinflussen wie nah andere Elemente sind zueinander. Margen können entweder positiv oder negativ sein. Wenn ein Margin-Wert niedrig genug ist, werden Elemente überlappen. Internet Explorer verfügt über zwei nicht standardmäßige HTML-Attribute, genannt "Topmargin" und "Leftmargin,", die die obere und linke Seite eines Web-Dokuments zu leeren. W3C, eine Vereinigung, die aktuellen Webstandards, bestimmt Nachrichteneinträge die Verwendung dieser Attribute, da CSS mehr Flexibilität, effiziente Lösungen bietet für die gleichen Ergebnisse zu erzielen. Die Norm Margin-Eigenschaften in CSS verwendet folgende sind: "Marge", "Margin-Top," "Margin-Bottom," "Margin-Right" und "Margin-Left."
Polsterung
Polsterung fügt Füller entlang dem inneren Rand eines Elements. Im Gegensatz zu spannen ist die Polsterung nicht transparent. Es nimmt die Hintergrundfarbe des Elements, das es ändert. In den 90er Jahren, verwendet Web Designer oft verwendete "Cellpadding" Bereich innerhalb einer Tabellenzelle jedoch zusätzlichen Speicherplatz hinzufügen, da Tabellen nicht viel Zweck in modernen Web-Design, und da CSS die gleiche Wirkung erzielt werden kann, das Attribut nur selten ist. Internet Explorer 7 und andere moderne Web-Browser verwenden, der "Polsterung" "Padding-Top," Eigenschaften "Padding-Bottom" und "Padding-Left" Polsterung um Elemente hinzuzufügen.
Werte
Ränder können mit einer der folgenden Werte: auto, Länge, % oder erben. "Auto" kann der Web-Browser, um die Größe der Ränder zu definieren; "Länge" gibt den festen Wert des einen Rand mit einer unterstützten Einheiten wie "px", "pt" oder "Em"; "%" gibt den Prozentsatz der Raum, den die Marge nimmt; und "Erben" nimmt die Werte des übergeordneten Elements. Textabstand funktioniert ähnlich, außer dass es keinen "Auto"-Wert enthält.
Macken
Microsoft behoben dem IE6-Doppel-Margin-Bug, aber einen neuen Fehler im IE7 eingeführt. Internet Explorer 7 ignoriert das "Margin-Bottom"-Tag in einem floating-Element, obwohl es hat kein Problem Rendern "Padding-Bottom." Eine gemeinsame Abhilfe besteht aus der Schwimmer in einem übergeordneten Element einfügen, dann hinzufügen "Padding-Bottom" zum übergeordneten Element zu erreichen das gleiche Ergebnis wie "Margin-Bottom."