Haran: Rechts- und Linksbündige Elemente in einer Zeile

Hallo,

ich möchte gern in einer Zeile 2 Buttons anzeigen. Den einen ganz links den anderen genz Rechts.

Bisher habe ich noch nicht den richtigen Weg zur Realisierung gefunden. Jeder versuche endete damit, daß ich 2 Zeilen angezeigt bekomme mit je 1 Button.

Kann mir jemand den entscheidenen Hinweis zur Lösung geben?

Danke

Haran

  1. Hallo Haran,

    Kann mir jemand den entscheidenen Hinweis zur Lösung geben?

    Hast Du schon float probiert?

    Gruß aus Köln-Ehrenfeld,

    Elya

    1. ui das hat geholfen *gg*

      Vielen Dank

      Funtioniert gut für 2 Buttons, aber bei 3en erhalte ich:
      linksmitte                            rechts

      statt gewünschtem
      links               mitte             rechts

      wenn ich die Blöcke entsprechend verschachele.

      mfg

      Haran

      1. Hallo zusammen,

        ui das hat geholfen *gg*

        Vielen Dank

        Funtioniert gut für 2 Buttons, aber bei 3en erhalte ich:
        linksmitte                            rechts

        statt gewünschtem
        links               mitte             rechts

        wenn ich die Blöcke entsprechend verschachele.

        Nix verschachteln. Was in die Mitte gehört brauchst Du nicht zu floaten. hier genügt ein margin:auto;

        Wie man etwas links und rechts positioniert, weißt Du ja schon :-)

        Reihenfolge bei floats beachten!

        Viele Grüße,
        Marc.

        --
        Und immer schön
        validieren (http://validator.w3.org/)
        1. Hallo,

          Nix verschachteln. Was in die Mitte gehört brauchst Du nicht zu floaten. hier genügt ein margin:auto;

          irgendwo hab ich noch nen Denk-/Verständnisfehler

          Ich habe mit:

          <div style='float:left'>links</div><div align='center'>mitte</div><div style='float:right'>rechts</div>

          nur dieses Aussehen erreicht:
          links          mitte
                                    rechts

          Nah dran nur nicht nah genug ^^

          Wo ist mein Fehler?

          Danke

          Haran

          1. Hallo Haran,

            irgendwo hab ich noch nen Denk-/Verständnisfehler

            ja :-)

            <div style='float:left'>links</div><div align='center'>mitte</div><div style='float:right'>rechts</div>
            links          mitte
                                      rechts

            Dein rechtes div soll ebenso wie das Linke *an dem mittleren* vorbeifließen. Das kanne es aber nur, wenn es im Elementfluß *vor* dem mittleren steht.

            Gruß aus Köln-Ehrenfeld,

            Elya

            1. Dein rechtes div soll ebenso wie das Linke *an dem mittleren* vorbeifließen. Das kanne es aber nur, wenn es im Elementfluß *vor* dem mittleren steht.

              Tja, wenn man es mir so erklärt ...

              Vielen dank, nu tut es wie es soll.

              Regards

              Haran