Webseitenbau
Home
Sitemap
 
Web Webseitenbau
Google English français  
↑ 3. 6. 2 Formatierung <body>

3.6.2 Formatierung von <body>

Hintergrund

a) Allgemein

Beispiel 1: Hintergrund dieser Anleitung

body {
position:absolute;
background:#FFFFFF;
color:#000000;
font-family:Verdana,Helvetica,sans-serif;
font-size:100.1%;
}

Beispiel 2: Hompage von Louis Brandenberger

html, body {
background:#751000;
font-family:Verdana,Helvetica,sans-serif;
font-size:100.1%;
color:#000;
margin:0;
padding:0;
padding-bottom:6px;
}

b) Hintergrundfarbe (background color)

Im Stylesheet kann für den ganzen Hintergrund eine Farbe angegeben werden.

Anderes Beispiel: In der Homepage von Louis ist der Hintergrund mit #751000 angegeben.

Achtung: Der W3C-Validator bemängelt color-Definition wenn nur die Hintergrundfarbe oder nur die Schriftfarbe angegeben werden. Es müssen immer beide angegeben werden. Die Hintergrundfarbe kann aber auch mit "transparent" angegeben werden.

⇒ Siehe auch "Hintergrund"

c) Schriftart (font-family)

Im vorliegenden Dokument ist angegeben: Verdana,Helvetica,sans-serif
Wenn auf dem Anwendersystem Verdana nicht verfügbar ist, wird automatisch Helvetica verwendet und wenn diese auch nicht vorhanden ist, wird eine andere, serifenlose Schrift verwendet.

d) Schriftgrösse (font-size)

Angabe: 100.1%.

Erklärung: siehe folgede Websites:

Turski gibt dazu eine Tabelle: Schriftgrösse in em und Schriftgrösse in Anzahl Pixel.

⇒ Siehe auch Kapitel Schriftzeichen

e) Schriftfarbe (color)

Die Normalfarbe für die Schrift ist sicher "schwarz". d.h.: color:#000

f) Aussenabstand (margin)

Turski gibt in seinem Stylesheet einen Aussenabstand wie folgt an: margin:7px
(d.h. oben, rechts, unten und links).
In diesem Fall darf aber nicht vergessen werden,dass Linien, die ganz links beginnen sollen, wie folgt im Stylesheet zu formatieren sind: hbr { margin-left:-7px; }.

g) Innenabstand (padding)

Louis verwendet in seiner Homepage: padding-bottom:6px