Philippé: 2-Spalten Layout - Problem (inkl. Beispiel)

Hallo,

ich habe ein Problem mit einem 2 Spalten Layout.
Design besteht aus Header, Inhalt, einer rechts ausgerichteten Navi-Box und einem Footer.

Wie kriege ich es hin, dass die Inhalt-Box immer die gleiche Größe hat wie die Navi-Box und umgekehrt?

Hat jemand eine Idee?

Beispiel:

(Hintergrundbild ist rechts-unten ausgerichtet)

MfG

  1. hi

    Hat jemand eine Idee?

    beide in ein anderes element packen und ihnen 100% höhe mitgeben.

    so long
    ole
    (8-)>

    --
    Vegetables? Yes,...for example garlic!
    1. hi

      Hi.

      beide in ein anderes element packen und ihnen 100% höhe mitgeben.

      So siehts aus:
          <body>

      <div id="container">

      <div id="header">Header</div>

      <div id="content">
                      Inhalt
                  </div>

      <div id="navigation">
                      <span class="links">Links</span><br />
                      <ul>
                          <li><a href="#">Link 1</a></li>
                          <li><a href="#">Link 2</a></li>
                          <li><a href="#">Link 3</a></li>
                          <li><a href="#">Link 4</a></li>
                      </ul>
                  </div>

      <div id="footer">Footer</div>

      </div>

      </body>

      Mit den 100% bei beiden klappt aber nicht.

      1. hi

        Mit den 100% bei beiden klappt aber nicht.

        weil beide ja nicht in einem element stecken. da stecken ja alle 4 drin.

        ein div um "content" und "navigation" und den beiden 100%...sollte funktionieren

        so long
        ole
        (8-)>

        --
        Vegetables? Yes,...for example garlic!
        1. weil beide ja nicht in einem element stecken. da stecken ja alle 4 drin.

          ein div um "content" und "navigation" und den beiden 100%...sollte funktionieren

          Hatte ich bereits probiert. Ändert nichts.

          1. hi

            Hatte ich bereits probiert. Ändert nichts.

            wie sieht dein css aus?

            so long
            ole
            (8-)>

            --
            Vegetables? Yes,...for example garlic!
            1. wie sieht dein css aus?

              Hab den unwichtigen Kram rausgehauen:

              #content {
                  float: left;
                  height: 100%;
                  margin: 0;
                  padding: 0;
                  width: 300px;
              }

              #navigation {
                  float: right;
                  height: 100%;
                  margin: 0;
                  padding: 0;
                  width: 135px;
              }

              1. Hi,

                height: 100%;

                wo ist denn das variabel - wie Du in Deiner Beispielgrafik geschrieben hast?
                Mit variabler, an den Inhalt anpepaßter Größe wirst Du das nur schwer hinbekommen.

                freundliche Grüße
                Ingo

                1. Hallo Philippe,

                  sieh Dir bitte mal dieses Beispiel an:

                  < http://barrierefrei.e-workers.de/workshops/2spalten/index.html>

                  Grüsse aus Neubrandenburg
                  erika

                  --
                  Hauptsache dem Hund geht's gut