Stefan Salewski: Mehrspaltiges Layout

SELF-Forum

Mehrspaltiges Layout

Stefan Salewski
– Informationen zu den Bewertungsregeln

Hallo,

nach dem Beispiel auf

http://de.selfhtml.org/css/layouts/mehrspaltige.htm#

für ein dreispaltiges Layout mit Kopf- und Fußzeile
habe ich mir für meine Homepage ein zweispaltiges
Layout (links Photo und Navigation) mit Kopf- und
Fußzeile gebastelt.

Die Fußzeile befindet sich unmittelbar unter der längsten
der drei bzw. zwei Spalten. Ich hätte da gerne etwas mehr
Abstand -- die Fußzeile soll also etwas tiefer gesetzt werden.

Wenn ich den Wert margin von Wert 0 in p#Fusszeile{} auf einen Wert
größer Null erhöhe bekomme ich jedoch nichr mehr vertikalen
Abstand -- lediglich links und rechts einen Rand. Jedenfalls
ist das bei Mozilla und Konqueror so, IE habe ich noch nicht
probiert.

p#Fusszeile {
    clear: both;
    font-size: 0.83em;
    margin: 0; padding: 0.1em;
    text-align: center;
    background-color: #fed;
    border-top: 1px solid silver;
  }

Warum hat margin bzw. margin-top hier keine Wirkung auf den
vertikalen Abstand?

Mit freundlichen Grüßen

Stefan Salewski

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Mehrspaltiges Layout

    Götz Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hallo Stefan,

    Wenn ich den Wert margin von Wert 0 in p#Fusszeile{} auf einen Wert
    größer Null erhöhe bekomme ich jedoch nichr mehr vertikalen
    Abstand -- lediglich links und rechts einen Rand. Jedenfalls
    ist das bei Mozilla und Konqueror so, IE habe ich noch nicht
    probiert.

    Wie wäre es, wenn Du die Seite mal irgendwo online stellst, damit man sich das mal direkt anschauen kann.
    Denn an sich sollte margin-top schon einen Abstand bewirken, in Deinem geposteten CSS-Abschnitt kann ich allerdings auch gar keine nennenswerte Abstandsangabe finden.

    Grüße,
    Götz

    --
    Losung für Freitag, 13. Januar 2006
    Wer weiß? Vielleicht lässt Gott es sich gereuen und wendet sich ab von seinem grimmigen Zorn, dass wir nicht verderben. (Jona 3,9)
    Christus spricht: Ich bin in die Welt gekommen als ein Licht, damit, wer an mich glaubt, nicht in der Finsternis bleibe. (Johannes 12,46)
    (Losungslink)
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Mehrspaltiges Layout

      Stefan Salewski
      – Informationen zu den Bewertungsregeln

      Götz schrieb am 13.1.2006:

      Wie wäre es, wenn Du die Seite mal irgendwo online stellst, damit man sich das mal direkt anschauen kann.
      Denn an sich sollte margin-top schon einen Abstand bewirken, in Deinem geposteten CSS-Abschnitt kann ich allerdings auch gar keine nennenswerte Abstandsangabe finden.

      Grüße,
      Götz

      Ich hatte mich eigentlich direkt auf das Beispiel von
      http://de.selfhtml.org/css/layouts/mehrspaltige.htm#kopf_fuss
      bezogen, dies aber nicht klar genug betont.

      Wenn ich in dem dortigen Beispiel

      p#Fusszeile {
          clear: both;
          font-size: 0.9em;
          margin: 0; padding: 0.1em;
          text-align: center;
          background-color: #fed; border: 1px solid silver;
        }

      durch

      p#Fusszeile {
      ...
          margin: 20px; padding: 0.1em;
      ...
        }

      ersetze, bekomme ich nicht mehr Abstand zu den drei
      vorausgehenden Spalten. Und das verstehe ich nicht.

      Gruß

      Stefan Salewski

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln