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.956   Beiträge: 431.341   Mitglieder: 28.884   Aktive Mitglieder: 148
                              Willkommen an unser neuestes Mitglied, Dani0781.

                              Online-Benutzer

                              Einklappen

                              214 Benutzer sind jetzt online. Registrierte Benutzer: 3, Gäste: 211.

                              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

                              • Localfu
                                Antwort auf Ebenen von Elementen
                                PS: Anmerkungen zu deiner Seite:

                                Die Seite enthält Massen an Fehlern und sollte gründlich überarbeitet werden. Die Fehler verursachen auch Anzeigefehler.

                                Tabellen zum Layouten?: Du solltest keine Tabellen zum Layouten von Webseiten verwenden. Das ist technisch falsch und...
                                Heute, 10:57
                              • Ship Tyr
                                Ebenen von Elementen
                                Hallo. Ich bastle mir meine Webseite seit Jahren selbst zusammen. Ist alles nur geklaut. Nun habe ich ein Problem wo ich keine Lösung finde. Ich habe ein Javascript Slideschow eingebaut. Diese , wenn ich nun scrolle verschiebt sich über den Header und bleibt nicht wie der Rest im Hintergrund. Hat...
                                27.11.2021, 20:19
                              • Localfu
                                Antwort auf Ebenen von Elementen
                                Ship Tyr Hi, ja das sehe ich auch. Eine Lösung wäre die Nutzung von der CSS-Eigenschaft z-index legt die Reihenfolge von positionierten Elementen fest. Das bedeutet das Elemente mit einem höheren z-index obenauf liegen. Wenn du also deinen Header-Bereich einen höheren z-index-Wert gibts als der...
                                Heute, 10:45
                              • ST747
                                Corona - mit TIP am ende für jeden
                                Hallo,

                                wir sind bei den neuinfektionen weltspitze, haben sogar ca. doppelt soviele neuinfektionen wie die viel größeren staaten usa und russland.wir haben einfach zuviele fehler gemacht und corona nicht begriffen. zudem kommt jetzt auch eine neue mutation, die wir auch nicht aufhalten...
                                27.11.2021, 13:13
                              • daniel5959
                                Antwort auf Corona - mit TIP am ende für jeden
                                Hallo,

                                wie gesagt - ich lasse mich von Doktortiteln nicht blenden, auch nicht von selbsternannten Vitamin-Experten mit "Dr. med.".

                                Bitte vertrauenswürdige Quelle nennen! - Hier Infos zu ...



                                Und zu Vitamin B12 ...


                                ...
                                Gestern, 19:33
                              • arnego2
                                Antwort auf Corona - mit TIP am ende für jeden
                                Das RKI empfieht Vitamin D
                                https://www.vitamindservice.de/DIVI

                                Zu Vitmin B12
                                https://www.peta.de/neuigkeiten/b12-nutztiere/
                                und als Wiederholung: https://pubmed.ncbi.nlm.nih.gov/29216732/


                                Dein eigenes Zitat:...
                                Gestern, 18:13
                              • daniel5959
                                Antwort auf Corona - mit TIP am ende für jeden
                                Hallo,

                                bevor da irgendwelche Halbwahrheiten verbreitet werden, hier einige Infos.

                                In Deutschland stammt das Fleisch überwiegend aus der Fleischindustrie und es enthält reichlich Vitamin B12.







                                daniel5959 ...
                                Gestern, 17:08
                              • arnego2
                                Antwort auf Corona - mit TIP am ende für jeden
                                Nicht nur.
                                Auch die Reserven die wir im Körper haben (sollten) spielen eine Rolle.

                                Persönliches Beispiel wenn meine Magnesium und Vitamin D Reserven niedrig sind nehme ich Unmengen und es geht mir besser. Gerade wenn du älter wirst brauchst du mehr. So mein Eindruck. 75 000 UI...
                                Gestern, 15:35
                              • arnego2
                                Antwort auf Typo3 11.5.3 - Footer und andere Fragen
                                Reicht doch. Meine Erfahrungen besagen dass 100% der Webseiteneigner die dem Ei gleichenden Kopien ihrer alten Seite nach 2 Monaten nicht einmal mehr ansehen.

                                Frag ihn/Sie mal ob er sein Auto auch so aussucht....
                                Gestern, 15:27
                              • KirasLicht
                                Typo3 11.5.3 - Footer und andere Fragen
                                Hallo,

                                vorneweg: Ich habe Informatik nicht studiert, kann mich aber recht gut mit HTML, PHP, CSS, Javascript, etc. auseinandersetzen.

                                Entgegen meines Willens ist es nun so, dass wir unsere Website auf Typo3 aufbauen müssen. Das Problem: Die Benutzeroberfläche ist für mich...
                                Gestern, 09:35
                              Lädt...
                              X