Gudi Fischer: Randbereiche einfärben

Ich arbeite mit Frontpage 2002 und möchte gerne die Randbereiche in einer anderen Hintergrundfarbe, als die restliche Website. Leider funktioniert das mit Frontpage nicht. So hab ich den Tipp bekommen, einen Stylesheet mit CSS zu definieren. Jetzt meine Frage als absoluter Laie: Wie mach ich das? Hab mir schon einige Tipps aus SEFLHTML geholt, jedoch funktionieren die nicht so, wie es sein sollte.
Kann mir da jemand helfen, bitte?
Gudi

  1. Was meinst du mit Randbereich? Der Bereich zwischen Inhaltsrand und Fensterrand? Oder den Navigationsbereich, oder...
    Bitte erläutere mal, was genau du ewrreichen möchtest.

    1. Hallo,

      Was meinst du mit Randbereich? Der Bereich zwischen Inhaltsrand und Fensterrand? Oder den Navigationsbereich, oder...

      MS Frontpage verwendet den Begriff "Gemeinsame Randbereiche"
      fuer eine Technologie, die aehnlich wie Includes oder Templates
      funktioniert.
      Vermutlich meint er das...

      (Ob es jetzt gegen ihn oder gegen Frontpage und dessen Dokumentation
      spricht, dass er keine Loesung findet, CSS auf diese "Randbereiche"
      anzuwenden, sei dahingestellt...)

      Gruesse,

      Thomas

    2. Was meinst du mit Randbereich? Der Bereich zwischen Inhaltsrand und Fensterrand? Oder den Navigationsbereich, oder...
      Bitte erläutere mal, was genau du ewrreichen möchtest.

      Ich möchte gerne, dass der Bereich, wo links die Navigationsflächen sind und oben (wo Banner, etc. ist) in einer anderen Hintergrundfarbe als der Rest der Site ist.
      Bei Frontpage gibts da so ne Funktion, die heißt "Eigenschaften der Randbereiche", da kann man die alle einfärben, nur leider wird das im Browser dann nicht angezeigt (funktioniert also nicht).
      Da bekam ich den Tipp, diese Randbereiche mit CSS umzufärben. Dies sollte ich mit folgendem Befehl tun:

      <style type="text/css">
      <!--
      Randbereich { background-color: #0066CC; }
      -->
      </style>

      Das hab ich auch in den head-Bereich reingeschieben (laut Anweisung), aber es tut sich nichts. Ist der Befehl überhaupt falsch?

      1. Hallo,

        Randbereich { background-color: #0066CC; }

        Das wuere ein HTML-Element in der Form
        <Randbereich>Blabla</Randbereich>
        formatieren.

        Unabhaengig von Frontpage solltest Du zuerst mal
        anstaendig CSS lernen. Lies das Kapitel in SelfHTML:
        http://selfhtml.teamone.de/css/index.htm
        insbesondere:
        http://selfhtml.teamone.de/css/formate/zentrale.htm

        _Dann_ solltest Du gucken, wie der endgueltige
        HTML-Quelltext aussieht, den Frontpage produziert.
        Vielleicht schaffst Du es z.B., dem Bereich eine Klasse
        zu geben, so dass es etwa so aussieht:

        <div class="randbereich">
        <!-- blabla Dein Zeugs -->
        </div>

        oder so.
        Dann kannst Du das CSS fuer diese Klasse definieren:

        div.randbereich { background-color: #0066CC; color:#ffffff; }
        oder einfach
        .randbereich { background-color: #0066CC; color:#ffffff; }

        Beachte: Man sollte immer Vorder- und Hintergrundfarbe
        gemeinsam definieren. Mit der Vererbung klappt es oft nicht,
        und es kann auch zu Kollisionen mit dem Benutzer-Stylesheet
        oder anderen Browser-Farbeinstellungen kommen, wenn
        man nur eine der beiden Farben definiert.

        Gruesse,

        Thomas

        1. Unabhaengig von Frontpage solltest Du zuerst mal
          anstaendig CSS lernen. Lies das Kapitel in SelfHTML:
          http://selfhtml.teamone.de/css/index.htm
          insbesondere:
          http://selfhtml.teamone.de/css/formate/zentrale.htm

          Danke für die beiden Links - werde mir das gleich mal zu Gemüte führen...

          _Dann_ solltest Du gucken, wie der endgueltige
          HTML-Quelltext aussieht, den Frontpage produziert.
          Vielleicht schaffst Du es z.B., dem Bereich eine Klasse
          zu geben, so dass es etwa so aussieht:

          <div class="randbereich">
          <!-- blabla Dein Zeugs -->
          </div>

          oder so.
          Dann kannst Du das CSS fuer diese Klasse definieren:

          div.randbereich { background-color: #0066CC; color:#ffffff; }
          oder einfach
          .randbereich { background-color: #0066CC; color:#ffffff; }

          Bin auf den Fehler gekommen: Frontpage speichert die Formatierung der Randbereiche in einem Ordner (_border), dort musste ich diese dann als Randbereich definieren (so wie Du oben beschrieben hast). Dann konnte ich in den Seiten die gewünschte Farbe für die Randbereiche definieren. Mann, das war schon ein schweres Stück...

          Beachte: Man sollte immer Vorder- und Hintergrundfarbe
          gemeinsam definieren. Mit der Vererbung klappt es oft nicht,
          und es kann auch zu Kollisionen mit dem Benutzer-Stylesheet
          oder anderen Browser-Farbeinstellungen kommen, wenn
          man nur eine der beiden Farben definiert.

          Danke auch für den Tipp und für die Hilfe allgemein. Jetzt funktioniert alles (zumindest in der Browser-Vorschau).
          Danke nochmals
          Gudi