Umrandung einer Webseite

[Kay]

Hallo und einen guten Tag zusammen,

zunächst einmal möchte ich mich im voraus dafür entschuldigen, dass ich mich dermaßen laienhaft bezüglich meiner Fragestellung ausdrücke, es muss furchtbar für die Profis unter Euch klingen. Ich wage es dennoch...

Eine neue Webseite habe ich folgendermaßen angelegt:

Master-Rahmen-Eigenschaften

Name = ZeroMargins
Ränder (Pixel)
Links = 0
Rechts = 0
Oben = 178
Unten = 146

Layout-Eigenschaften

Breite = 990 Pixel
Höhe = 400 Pixel
Im Browser zentrieren = aktiviert
HTML-Ausgabe = Site-Einstellung
Tabellen = Spalten

Es handelt sich quasi noch ein unbeschriebenes Blatt Papier, es sind noch keinerlei Inhalte eingefügt. Der Hintergrund ist weiß, ohne Bild. Ich möchte diesen Bereich sehr gerne mit einer feinen, schwarzen Linie komplett umranden, also sowohl den Master-Rahmen, als auch den Layout-Bereich sowie den Fußbereich.

Anhand dieses Bespiels wird meine Frage evtl. ein wenig deutlicher:

http://www.tea-eg.de/

Der "Inhaltsbererich" ist in diesem Falle mit einer feinen, grauen Linie (oben, unten, rechts, links) umrandet.

Das funktioniert doch sicherlich auch mit NOF in der Version 12, doch bloß wie? Ich würde mich sehr freuen, wenn mit jemand von Euch evtl. hilfreich zur Seite stehen würde, damit meine noch zu erstellende Webseite mit einem wunderschönen Rahmen glänzen kann.

Herzlichsten Dank im Voraus für Eure Bemühungen.

Tschüss und schöne Grüße
Kay

[nettesekel]

Also wenn es rein nur um so einen Rahmen geht, und mein Beispiel deinen Vorstellungen entspricht, würde ich es wie folgt lösen.


Schritt 1: Häkchen bei Layout im Browser zentrieren entfernen

Schritt 2: Masterrahmeneigenschaften aufrufen (Taste F10 drücken), im Anschluss den html-Button auf der Eigenschaftenpalette anklicken

Schritt 3: Das 4. Symbol am oberen Fensterrand anklicken (Beginn Haupttext), schauen wo der Cursor blinkt und dort folgenden Code einfügen:

Code: HTML5

1. <div align="center">
2.    <div class="Rahmen">

Schritt 4: Das 5. Symbol am oberen Fensterrand anklicken (Ende des Haupttextes) und dort wo der Cursor blinkt folgenden Code eingeben:

Code: HTML5

1.    </div>
2. </div>

Schritt 5: Die Eingaben mit einem Klick auf den OK-Button am unteren Fensterrand abschließen.

Schritt 6: In die Designansicht wechseln, den Reiter CSS aktivieren und dort am Ende des vorhandenen Codes den folgenden Code einfügen:

Code: HTML5

1. .Rahmen{
2.   width:990px;
3.   background:#FFF;
4.   border: 1px solid #000;
5.   margin: 25px 0px 25px 0px;
6.   padding: 25px 0px 25px 0px
7.   }

Schritt 7: Beim verlassen der Ansicht die Frage nach dem Speichern mit ja beantworten.

Den Rahmen sieht man allerdings erst nach dem Publizieren... mit margin und padding habe ich oben und unten innere und äußere Abstände festgelegt...
In meinem Beispiel verwende ich oben und unten Masterrahmen, so wie von dir beschrieben...

[Kay]

Hallo nettesekel,

super! Ganz, ganz herzlichen Dank für diesen ausführlichen Lösungsansatz! Da ich sogleich noch einmal los muss, komme ich leider erst morgen zum Ausprobieren.

Tschüss und einen schönen Feierabend wünscht Dir
Kay

[Kay]

Hallo nettesekel,

exakt danach hatte ich gesucht, es hat wunderbar funktioniert! Nochmals schönen Dank für Deine Mühen.

Tschüss
Kay