1
Wenn man die Elemente einer Webseite mit CSS exakt positionieren möchte, wird man beim Test mit verschiedenen Browsern oft mit der Tatsache konfrontiert, dass das Ergebnis im Internet Explorer, in Firefox, Opera oft sehr unterschiedlich ausschaut. Ein Grund hierfür ist, dass unterschiedlich große Abstände zwischen den Elenmenten angezeigt werden. Vom W3C gibt es zwar eine Empfehlung für die Voreinstellungen der Webbrowser, dennoch werden diese von den Browserherstellern unterschiedlich ausgelegt.
Was kann der Webdesigner nun machen? Ganz einfach: er muss die betreffenden Werte überschreiben. Wenn in einer Style Sheet Datei in bezug auf Abstände nichts weiter angegeben ist, werden die Voreinstellungen genommen, die von Browser zu Browser variieren.
Beispiel:
Wenn man möchte, dass der Abstand vom äußeren Layer zum Fensterrand verschwindet, muss man folgendes für body notieren:
bzw. in einer externen CSS Datei:
mit margin:0 zwingt man den Internet Explorer und Firefox dazu, den Außenaußenabstand nicht mehr anzuzeigen, mit padding:0 Opera den Innenabstand auf 0 zu setzen - in allen Bowsern schmiegt sich der äußere Layer danach in gleicher Weise lückenlos an den äußeren Rand. Aber auch ander Werte werden gleich angezeigt, wenn diese so definiert werden:
Was kann der Webdesigner nun machen? Ganz einfach: er muss die betreffenden Werte überschreiben. Wenn in einer Style Sheet Datei in bezug auf Abstände nichts weiter angegeben ist, werden die Voreinstellungen genommen, die von Browser zu Browser variieren.
Beispiel:
Wenn man möchte, dass der Abstand vom äußeren Layer zum Fensterrand verschwindet, muss man folgendes für body notieren:
<body style="margin:0; padding:0">bzw. in einer externen CSS Datei:
body {
margin:0;
padding:0;
}mit margin:0 zwingt man den Internet Explorer und Firefox dazu, den Außenaußenabstand nicht mehr anzuzeigen, mit padding:0 Opera den Innenabstand auf 0 zu setzen - in allen Bowsern schmiegt sich der äußere Layer danach in gleicher Weise lückenlos an den äußeren Rand. Aber auch ander Werte werden gleich angezeigt, wenn diese so definiert werden:
padding:10px; margin:0;