Ankündigung

Einklappen
Keine Ankündigung bisher.

[CSS] Drei Divs nebeneinander

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

  • [CSS] Drei Divs nebeneinander

    Morgen zusammen,

    wie kann ich mir mit CSS drei Divs nebeneinander platzieren? Mit float: left und right bekommt man ja nur zwei nebeneinander, kann aber in einen evtl. in der Mitte freigelassenen Platz nichts schreiben...

  • #2
    AW: [CSS] Drei Divs nebeneinander

    Hi,

    mit "float" bekommst du so viele <div> nebeneinander, wie in deinen "Rahmen" passen. Das kann nur einer sein, aber auch zwanzig. Je nach eingestellter Breite.

    Peter
    Mein kostenloser Image-Hoster, mit freier Galerie (GNU GPL) pere-image
    Mein neuer Versuch .... und
    hiermit verdiene ich mein Geld.

    Kommentar


    • #3
      AW: [CSS] Drei Divs nebeneinander

      Was schereibe ich dann beim mittleren? Links float: left; rechts float: right; und in der mitte?

      Kommentar


      • #4
        AW: [CSS] Drei Divs nebeneinander

        Hier mal ein Beispiel :

        1. Links
        float: left;
        width: 30%;

        2. Rechts
        float: right;
        width: 30%;

        3. Mitte
        width: 30%;
        clear: both;

        Gruß, Mike
        sigpic
        Mike's EEP-Welt CSC Oldenburg
        Link-Sammlung Smily-Sammlung

        Kommentar


        • #5
          AW: [CSS] Drei Divs nebeneinander

          Hi ,

          [OT]
          da fehlen mir doch ein paar %
          [/OT]

          Und bitte erst in dem Element das nach "Mitte" kommt clearen.

          Peter
          Mein kostenloser Image-Hoster, mit freier Galerie (GNU GPL) pere-image
          Mein neuer Versuch .... und
          hiermit verdiene ich mein Geld.

          Kommentar


          • #6
            AW: [CSS] Drei Divs nebeneinander

            Hi,
            Zitat von sheeba1507 Beitrag anzeigen
            3. Mitte
            width: 30%;
            clear: both;
            dann wäre dieses Element unterhalb der floatenden Boxen.
            Abgesehen davon ist es bei einer solchen Konstruktion sinnvoller, hier keine Breite vorzugeben.

            Gruß
            Ingo
            Ingo Webdesign

            Kommentar


            • #7
              AW: [CSS] Drei Divs nebeneinander

              Hallo,

              Warum nicht so:
              Code:
              .left {
              width: 33.333%
              position: absolute;
              left: 0;
              }
              
              .middle {
              width: 33.333%;
              position: absolute;
              left: 33.333%;
              }
              
              .right {
              width: 33.333%;
              position: absolute;
              right: 0;
              }
              MFG
              [ASTERIX]

              Kommentar


              • #8
                AW: [CSS] Drei Divs nebeneinander

                Hallo

                Hier mal eine Anleitung. Hat mir sehr geholfen, auch ohne CSS Erfahrung.


                Michael
                sigpic

                Das Aktuelle Wetter in Müden/Örtze - Lüneburger Heide - Wetter Aufzeichnung seit 2006 mit Archiv und Web Cam Tages Bilder

                Kommentar


                • #9
                  AW: [CSS] Drei Divs nebeneinander

                  Hi,
                  weil bei absoluter Positionierung der Textfluß nicht wieder hergestellt werden kann, um z.B. einen Footer drunter zu setzen.

                  Gruß
                  Ingo
                  Ingo Webdesign

                  Kommentar


                  • #10
                    AW: [CSS] Drei Divs nebeneinander

                    Also kann ichs so machen wie von sheeba beschrieben?

                    Kommentar


                    • #11
                      AW: [CSS] Drei Divs nebeneinander

                      Hi,

                      ja kannst du ... wenn du die Nachfolgenden Bemerkungen über die "clear"-Anweisung beachtest.

                      Peter
                      Mein kostenloser Image-Hoster, mit freier Galerie (GNU GPL) pere-image
                      Mein neuer Versuch .... und
                      hiermit verdiene ich mein Geld.

                      Kommentar


                      • #12
                        AW: [CSS] Drei Divs nebeneinander

                        Ich habs jetzt so geschrieben wie aus diesem Beitrag:

                        Code:
                        div#eins {
                        background-color: green;
                        float: left;
                        width: 33%;
                        }
                        
                        div#zwei {
                        background-color: red;
                        width: 33%;
                        clear: both;
                        }
                        
                        div#drei {
                        background-color: blue;
                        float: right;
                        width: 33%;
                        }
                        (1= links
                        2= mitte
                        3= rechts)

                        Es wird mir aber anders wie gewünscht angezeigt: 1 und 2 sind direkt untereinander und links, 3 ist wieder darunter, aber rechts.

                        Kommentar


                        • #13
                          AW: [CSS] Drei Divs nebeneinander

                          Hi,

                          du hast gleich zwei Fehler gemacht.

                          1. Die Bemerkungen über die clear-Anweisung hast du doch nicht berücksichtigt.
                          2. Die Reihenfolge deiner divs ist nicht richtig.

                          Ich vermute mal, dass du die Float-Anweisung noch nicht richtig kapiert hast. Wenn du einem div eine Float-Anweisung gibst, wird das nachfolgende Element recht/links neben das Floatende div positioniert.

                          Peter
                          Mein kostenloser Image-Hoster, mit freier Galerie (GNU GPL) pere-image
                          Mein neuer Versuch .... und
                          hiermit verdiene ich mein Geld.

                          Kommentar


                          • #14
                            AW: [CSS] Drei Divs nebeneinander

                            Heißt das, ich muss sie in der css-Datei in der Reihenfolge 1-3-2 schreiben?

                            edit:
                            habs so geändert, jetzt ist der erste links, der dritte ganz rechts und auf gleicher Höhe, aber der zweite ist noch nicht zwischen den anderen beiden, sondern direkt unter dem ersten.
                            Zuletzt geändert von Standard; 02.11.2007, 16:09.

                            Kommentar


                            • #15
                              AW: [CSS] Drei Divs nebeneinander

                              Hi,
                              schau Dir mal http://de.selfhtml.org/css/layouts/anzeige/3spaltig.htm an.
                              Gruß
                              Ingo
                              Ingo Webdesign

                              Kommentar

                              homepage-forum.de - Hilfe für Webmaster! Statistiken

                              Einklappen

                              Themen: 56.805   Beiträge: 430.092   Mitglieder: 28.558   Aktive Mitglieder: 55
                              Willkommen an unser neuestes Mitglied, Koller-Consulting.

                              Online-Benutzer

                              Einklappen

                              285 Benutzer sind jetzt online. Registrierte Benutzer: 6, Gäste: 279.

                              Mit 3.502 Benutzern waren am 23.01.2020 um 18:20 die meisten Benutzer gleichzeitig online.

                              Die neuesten Themen

                              Einklappen

                              Die neuesten Beiträge

                              Einklappen

                              Lädt...
                              X