[CSS] Div Container - Falsche Anordnung

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

  • [CSS] Div Container - Falsche Anordnung

    Hallo.
    Ich habe nur eine kurze Frage da ich es nicht hinbekomme.
    Ich will 3 Div Container nebeneinander haben.
    (Links, Mitte, Rechts)

    Die Div in der Mitte soll Zentriert sein.
    Die Linke soll links-zentriert und die Rechte rechts-zentriert.
    Wie bekomme ich das hin?
    Mit Float will das nicht so wirklich gehen weil dann "Rechts" immer nach unten verschwindet.
    Hat jemand ein kurzes Beispiel? Danke

  • #2
    Die rechte zuerst oder alle 3 float: left.

    Kommentar


    • #3
      ja dann sind alle 3 div container an einander. Aber der in der mitte soll auch in der mitte sein und der rechte immer ganz rechts.
      und zwischen Links-Mitte-Rechts soll jeweils 200px abstand sein.
      das ist mein Problem.

      Kommentar


      • #4
        Margin oder position: relative und dann einen left-Wert.

        Kommentar


        • #5
          Folgende format.css:

          PHP-Code:
          body{
           
          background:#eee;
           
          font-family:arial,verdana,sans-serif;
           
          font-size:.9em
          }

          #werbung{
           
          width:100%;
           
          border:1px #999999 solid;
          }

          #links{
           
          font-size:.9em;
           
          top:20;
           
          left:20;
           
          width:200px;
           
          border:1px #999999 solid;
           
          float:left;
          }

          #mitte{
           
          background:#fff;
           
          border:1px #999999 solid;
           
          top:20px;
           
          left:20px;
           
          right:20px;
           
          float:left;
          }

          #rechts{
           
          top:20px;
           
          right:20px;
           
          width:200px;
           
          border:1px #999999 solid;
           
          float:left;

          Kommentar


          • #6
            ich sehe nirgendwo ein position. und top:20; was? äpfel?. lies dir ggf mal das hier durch.

            gruß
            peter
            Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
            Meine Seite

            Kommentar


            • #7
              Ok Sorry. Nochmal der Code mit magine.
              Ich möchte nun nur das "Rechts" auch immer rechts bleibt und "Mitte" immer in der mitte mit genau 20px abstand nach oben links und rechts (das macht ja das magine:20px)
              Aber Ohne feste Positionen damit wenn ich das Browser fenster verkleinere nur die "Mitte" kleiner Wird.

              PHP-Code:
              body{
               
              background:#eee;
               
              font-family:arial,verdana,sans-serif;
               
              font-size:.9em
              }

              #werbung{
               
              border:1px #999999 solid;
               
              width:100%;
               
              margin:20px;
              }

              #links{
               
              border:1px #999999 solid;
               
              font-size:.9em;
               
              margin:20px;
               
              width:200px;
               
              float:left;
              }

              #mitte{
               
              border:1px #999999 solid;
               
              background:#fff;
               
              margin:20px;
               
              float:left;
              }

              #rechts{
               
              border:1px #999999 solid;
               
              margin:20px;
               
              width:200px;
               
              float:left;

              Kommentar


              • #8
                Das geht meinem Verständnis nach nur mit Tabellen, außer jemand kennt einen Trick mit margin-left: auto, margin-right: auto oder ähnliches....

                Kommentar


                • #9
                  doch das geht. schaut euch mal meinen auftritt an. allerdings mußt du dafür die reihenfolge ändern.
                  1. linkes div float: left
                  2. rechtes div float: right
                  3. mittleres div

                  und schau dir mal den link an, den ich oben geschickt habe. bei mir gibt es sogar ein beispiel dazu! allerdings solltest du alles lesen, damit du es auch verstehst.

                  gruß
                  peter
                  Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
                  Meine Seite

                  Kommentar


                  • #10
                    Ich hab grad keine Zeit zum lesen, aber wenn das Problemlos geht, Asche über mein Haupt!
                    Es grüßt der Kölner Tabellen-Anarchist, dem nichts größere Freude bereitet als etwas zu finden, was mit CSS nicht geht

                    Kommentar


                    • #11
                      Ich hab grad keine Zeit zum lesen
                      OffTopic:
                      dich habe ich ja auch nicht gemeint


                      peter
                      Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
                      Meine Seite

                      Kommentar


                      • #12
                        Bringt das hier nix?

                        Kommentar


                        • #13
                          Original geschrieben von PHP-Desaster
                          Bringt das hier nix?
                          ist das selbe in grün wie bei mir. aber nicht so toll erklärt

                          gruß
                          peter
                          Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
                          Meine Seite

                          Kommentar

                          Lädt...
                          X