Sidebar ohne Table

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Sidebar ohne Table

    Hallo!

    Ich suche zur Zeit nach einer Alternative um Sidebars ohne Tables nur mit CSS zu erstellen. Hat jemand dazu Anregungen? Die Darstellung sollte auf allen gängigen Browsern gut funktionieren. Ein einfaches <div> mit float: left kommt nicht in Frage, da der Haupttext unterhalb des Sidebars dann wieder bis an den linken Rand reicht.

    MfG, Carsten

  • #2
    Re: Sidebar ohne Table

    Original geschrieben von Jumble
    Ein einfaches <div> mit float: left kommt nicht in Frage, da der Haupttext unterhalb des Sidebars dann wieder bis an den linken Rand reicht.
    Die Eigenschaft margin exisitiert, du Nase.
    I don't believe in rebirth. Actually, I never did in my whole lives.

    Kommentar


    • #3
      Nee, das hab ich anders gemeint *DU NASE* Der Sidebar sollte bis ganz an den unteren Rand reichen. Wenn ich height auf 100% setze, kommt immer nur die Viewport-Größe bei raus.
      PS: Aber wird bei margin nicht auch die float-box mit verschoben?
      Zuletzt geändert von Jumble; 21.04.2006, 13:18.

      Kommentar


      • #4
        Original geschrieben von Jumble
        Nee, das hab ich anders gemeint *DU NASE*
        Das hast du aber nicht geschrieben, du Nase.
        Der Sidebar sollte bis ganz an den unteren Rand reichen. Wenn ich height auf 100% setze, kommt immer nur die Viewport-Größe bei raus.
        Klingt, als suchst du faux columns.
        PS: Aber wird bei margin nicht auch die float-box mit verschoben?
        Das dürfte wohl stark darauf ankommen, welchen Elementen du margins verpasst, hm?
        I don't believe in rebirth. Actually, I never did in my whole lives.

        Kommentar


        • #5
          so könnte es funktionieren...

          viel spaß beim analysieren...
          [color=black] Important: alt bei <img> ist immer erforderlich · Strings richtig trennen/verbinden · Kiddie-Code hat keine Chance[/color]

          Kommentar


          • #6
            Klingt, als suchst du faux columns.
            Wenn mich mein Französisch nicht täuscht, ja.

            Also, so soll das ganze aussehen (SB: Sidebar, CNT: Content):

            Code:
            +----+-----+
            | SB | CNT |
            |    |     |
            +----+-----+
            Jetzt hat sich's aber ausgenast! Irgendwelche Vorschlage dazu?

            Kommentar


            • #7
              Original geschrieben von tomstig
              so könnte es funktionieren...

              viel spaß beim analysieren...
              Jepp, allerdings ist der Sidebar nur Hintergrund (unterhalb von <div id="navileft">, dem Menü). Ich möchte mein Sidebar-div aber über die gesamte Höhe haben, da ich eine andere Hintergrundfarbe und einen Border zuweisen will.

              Kommentar


              • #8
                Original geschrieben von Jumble
                Jepp, allerdings ist der Sidebar nur Hintergrund (unterhalb von <div id="navileft">, dem Menü). Ich möchte mein Sidebar-div aber über die gesamte Höhe haben, da ich eine andere Hintergrundfarbe und einen Border zuweisen will.
                gib der sb ein height: 100%...

                wir reden hier aber nicht von valide....
                [color=black] Important: alt bei <img> ist immer erforderlich · Strings richtig trennen/verbinden · Kiddie-Code hat keine Chance[/color]

                Kommentar


                • #9
                  Original geschrieben von tomstig
                  gib der sb ein height: 100%...
                  Schon probiert, zumindest Konqueror setzt die Höhe dann aber nur auf die Fenstergröße...

                  Original geschrieben von tomstig
                  wir reden hier aber nicht von valide....
                  Wieso sollte das nicht gültig sein?

                  Kommentar


                  • #10
                    Original geschrieben von Jumble
                    Wieso sollte das nicht gültig sein?
                    Hmm, hab mich vertan, als height="50%" ist es deprecated...
                    [color=black] Important: alt bei <img> ist immer erforderlich · Strings richtig trennen/verbinden · Kiddie-Code hat keine Chance[/color]

                    Kommentar

                    Lädt...
                    X