HTML Seitenränder für das Design anpassen
Posted in Allgemeines, HTML on 05/02/2009 11:03 by Hoegerl_KarlBei allen Browsern ist ein Rand innerhalb des Fensters voreingestellt. Texte, Tabellen und Bilder werden innerhalb des blau dargestellten Randes dargestellt.
Wenn wir ein rahmenloses Design mit Tabellen oder mit Cascading Style Sheets ( CSS ) erstellen wollen, müssen die Seitenrändern auf 0 Pixel Breite eingestellt werden. Dazu gibt es zwei Lösungen.
- Die Seitenränder mit HTML einstellen
- Cascading Style Sheets für die Einstellung nutzen
Die Seitenränder mit HTML einstellen
Mit Hilfe des HTML Tags <body> können die Seitenränder eingestellt werden. Dies geschieht über Attribute. Attribute sind zusätzliche Befehlsergänzungen, die mit einem Einstellwert versehen werden. In unserem Fall gibt es die Attribute
- marginwidth
- Einstellung des linken und rechten Rand in Pixel beim Firefox, Seamonkey …
- marginheight
- Einstellung des oberen und unteren Rand in Pixel beim Firefox, Seamonkey …
- leftmargin
- Einstellung des linken und rechten Rand in Pixel beim Internet Explorer …
- topmargin
- Einstellung des oberen und unteren Rand in Pixel beim Internet Explorer …
Hier ein Beispiel für rahmenloses Design.
<html> <head> <meta content="text/html;charset=UTF-8" http-equiv="Content-Type"> <title>Keine Seitenraender mit HTML</title> </head> <body marginwidth="0" marginheight="0" topmargin="0" leftmargin="0"> Text ... </body> </html>
Cascading Style Sheets für die Einstellung nutzen
Der Einsatz von Cascading Style Sheets Befehlen bei der Definition der Rahmen hat den Vorteil, dass die Befehle bei allen Browsern funktionieren. Zudem werden hier alle Seiten einzeln eingestellt.
Hier ein Beispiel mit CSS.
<html> <head> <meta content="text/html;charset=UTF-8" http-equiv="Content-Type"> <title>Keine seitenraender mit CSS</title> <style type="text/css"> body { margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px } </style> </head> <body> Text ... </body> </html>
Zuletzt aktualisiert von .
