Layout-CSS anpassen

Generelle Hinweise

In der Hilfstabelle Layout-CSS werden die verwendenten CSS-Stylesheets hinterlegt. In einem Layout-CSS werden neben dem eindeutigen Kürzel und den in vier Sprachen möglichen Bezeichnungen für das Layout-CSS alle verwendeten Stile per CSS definiert.

Die CSS-Definitionen lassen sich gemäss Anforderungen anpassen und beliebig erweitern.

Verwendet man einen Header, sollte man dessen Höhe definieren. Der Header ist i.d.R. ein Bild und daher eindeutig definiert. Alle <div>-Tags im Briefinhalt werden von der Unterkante des Headers positioniert und nicht vom oberen Seitenrand.

Der Copyright-Hinweis zu Beginn des CSS-Stylesheets ist auskommentiert, diesen lassen Sie bitte unverändert.

Hinweis

Kopieren Sie die vorhandene Vorlage und überschreiben Sie diese nicht. So können Sie immer wieder zum Standard zurückkehren.

Umlaute

Die Encodierung der Umlaute wird mit dem untenstehenden Code ermöglicht. Löschen Sie diesen nicht aus dem Layout-CSS.

@charset "UTF-8";

Position Empfänger bestimmen

Ob die Adresse des Empfängers links oder rechts positioniert werden soll, wird im folgenden Code definiert. Kommentieren Sie denjenigen Parameter aus, der nicht zutrifft. Im untenstehenden Beispiel wird die Adresse des Empfängers rechts dargestellt.

div.recipient {
display:block;
position: absolute;
width: 6cm;
height: 3cm;
left: 12cm; /* für Empfänger rechts */
/*left: 3cm; für Empfänger links*/
top: 2.5cm;

Position Absender bestimmen

Ob die Adresse des Absenders links oder rechts positioniert werden soll, wird im folgenden Code definiert. Kommentieren Sie denjenigen Parameter aus, der nicht zutrifft. Im untenstehenden Beispiel wird die Adresse des Absenders links dargestellt.

div.sender {
display:block;
position:absolute;
width: 16cm;
left: 3cm; /* für Absender links*/
/*left: 12cm;*/ /*für Absender rechts */
top:1cm;