Georg Strey: Warum gehen die Spalten nicht bis zur Fußzeile

Irgendwie stehe ich heite auf dem Schlauch. Ich bin gerade dabei ein vorhandenes 3 Spalten Design zu untersuchen, doch ich krieg das nicht so hin.

Das ursprüngliche Design ist hier
http://www.oswd.org/design/1192/gila/index.html

Mein kümmerlicher Entwurf ist hier zu sehen
http://www.streys.net/tsv/tsv_test.html

Warum gibts es bei mir im mittleren Bereich den nach rechts fliessenden Text?

Vielleicht kann mir ja jemand auf die Sprünge helfen.

Servus

Georg

  1. Moin!
    baue dir einfach ein 3-spaltenlayout mit hilefe dieser seiten:

    http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html
    besser:

    http://www.thenoodleincident.com/tutorials/box_lesson/basic4_touch.html

    da ist der code sehr klar dargestellt, und du musst nicht fremde layouts ausschlachten und neu befüllen.

    tschüss ichen

    --
    Selfcode: sh:( fo:| br: n4:& ie:% mo:| mo:| de:] zu:) fl:| ss:| ls:[ js:|
    1. Grüß Di, Ichen

      baue dir einfach ein 3-spaltenlayout mit hilefe dieser seiten:

      Da gibt es kein Layout mit Kopf- und Fusszeile.

      und du musst nicht fremde layouts ausschlachten und neu befüllen.

      Das Originaldesign ist Open Source. Also tue ich nichts Böses. Ausserdem will ich es nicht neu befüllen, denn dann hätte ich das Problem nicht, sondern ich will auch verstehen, was ich tue.

      Und ich sitze auf dem Schlauch. Ich hab' im Moment keinen Peil, warum in dem Originaldesign die Splate zum Boden gehen und bei mir nicht.

      Ich werde weiter suchen, und hoffen, daß mich unterwegs einer mitnimmt.

      Danke

      Georg

      1. Moin!
        füge deinem hauptteil einen margin hinzu (links und rechts).
        #Hauptbereich
        {
          text-align : left;
          padding : 1em 1em 1em 1em;
          margin-left:breite der linken spalte;
          margin-right:breite der rechten spalte;
        }

        tschüss ichen

        --
        Selfcode: sh:( fo:| br: n4:& ie:% mo:| mo:| de:] zu:) fl:| ss:| ls:[ js:|
        1. füge deinem hauptteil einen margin hinzu (links und rechts).

          Jau, des is's

          Und jetzt verstehe ich auch den Ansatz. Der Hauptteil floatet um die beiden Seitenspalten. Deswegen der Rand. Und den habe ich mich beflissentlich geweigert wahrzunehmen. deppert :)

          Aber dann kommt gleich die nächste Frage. Im Original hat der Hauptteil nach links einen Aussenrand (margin) und nach rechts einen Innenrand(padding). Gibt's dafür eine Erklärung ?

          Stark erleichtert und etwas schlauer

          Georg