Ergebnis 1 bis 3 von 3

Thema: 3 Div-Boxen nebeneinander floaten

  1. #1
    HTML Newbie
    Registriert seit
    25.02.2016
    Beiträge
    6
    Danke
    1
    Bekam 0 mal "Danke" in 0 Postings

    Lächeln 3 Div-Boxen nebeneinander floaten

    Moin zusammen!

    ich habe folgendes Problem: Ich möchte drei Div-Boxen nebeneinander floaten lassen. Allerdings fällt die letzte Box nach unten, obwohl neben den anderen noch genug Platz ist.

    Bildschirmfoto 2016-02-24 um 15.13.02.jpg

    Hier auch noch zusätzlich mein Code:

    Code:
    #bewertungsboxen{
        width: 940px;
        height: 397px;
        margin: auto;
        margin-top: 19px;
    }
    
    
    #box1, #box2, #box3{
        width: 300px;
        height: 397px;
    }
    
    
    #box1{
        float: left;
    }
    
    
    #box2{
        margin: 0 320px;
    }
    
    
    #box3{
        float: right;
    }
    
    
    #blau{
        width: 300px;
        height: 56px;
        background-color: #234d65;
    }
    Ich weiß grade absolut nicht mehr weiter und bin dankbar über jede Hilfe.
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Großmeister(in)
    Registriert seit
    04.08.2009
    Beiträge
    567
    Danke
    0
    Bekam 66 mal "Danke" in 64 Postings

    Standard AW: 3 Div-Boxen nebeneinander floaten

    Hallo

    Quellcodeschnipsel helfen in der Regel nicht weiter. Zumal CSS ohne den zugehörigen HTML-Teil. Am hilfreichsten ist immer noch ein Link zu der betroffenen Seite.

    Wenn Elemente nebeneinander gefloatet werden sollen, sollten alle in die gleiche Richtung gefloatet werden.

    Wenn gefloatet wird muss auch gecleart werden. Das fehlt bei dir.

    Am sinnvollsten ist aber aktuelles HTML / CSS zu verwenden und damit das Flexbox-Modell.

    Gruss

    MrMurphy

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    25.02.2016
    Beiträge
    6
    Danke
    1
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: 3 Div-Boxen nebeneinander floaten

    Da das Lokal ist, kann ich leider keinen Link schicken, aber hier ist das HTML dazu. Clearfix habe ich angewendet, bringt aber nichts.

    Code:
    <div id="bewertungsboxen">                <div id="box1">
                        <img src="img/personenbild.png" alt="Person Bild" class="personenbild">
                        <div id="blau">
                        </div>
                        <div id="boxInhalt">
                            <img src="img/sterne.png" alt="Bewertungssterne" class="sterne">
                            <div id="boxText">
                                <p><span style="font-size: 16px"><b>“Sehr einfach durchführbar und gut erklärt”</b></span><br>
                                Mein Chef hat den Wassertest bestellt und mir ohne weitere Erklärung \"auf den Tisch\" gelegt. Anfangs hatte ich etwas Bedenken, da ich noch nie eine Wasserprobe abgefüllt habe. Die beiliegende Anleitung erklärt allerdings Schritt-für-Schritt ALLES. Daher kann ich besten Gewissens sagen, dass es \"spielend\" einfach durchführbar ist und man keine Vorkenntnisse aus dem Bereich benötigt.</p>
                            </div>
                            <p class="name">Niemann</p>
                        </div>
                    </div>
                    <div id="box2">
                        <img src="img/personenbild.png" alt="Person Bild" class="personenbild">
                        <div id="blau">
                        </div>
                        <div id="boxInhalt">
                            <img src="img/sterne.png" alt="Bewertungssterne" class="sterne">
                            <div id="boxText">
                                <p><span style="font-size: 16px"><b>“Sehr gute und strukturierte Abwicklung”</b></span><br>
                                Die Organisation der Logistik hat uns imponiert. Das Paket war am Tag nach der Bestellung und Bezahlung bei uns. Die Durchführung war einfach und verständlich. Die telefonische Erreichbar Ihres Unternehmens hervorragend und freundlich. Der UPS-Fahrer kam pünktlich wie vereinbart. Die Laborbefunde waren übersichtlich und sofort verständlich und wie zu erwarten: Ebenfalls pünktlich. Großartig. Ein Lob aus Hildesheim!</p>
                            </div>
                            <p class="name">Niemann</p>
                        </div>
                    </div>
                    <div id="box3">
                        <img src="img/personenbild.png" alt="Person Bild" class="personenbild">
                        <div id="blau">
                        </div>
                        <div id="boxInhalt">
                            <img src="img/sterne.png" alt="Bewertungssterne" class="sterne">
                            <div id="boxText">
                                <p><span style="font-size: 16px"><b>“Gut erklärt”</b></span><br>
                                Die Utensilien für die Wasserprobe sowie die Ergebnisse der Analyse waren pünktlich und vollständig. Guter Service.</p>
                            </div>
                            <p class="name">Niemann</p>
                        </div>
                    </div>
                </div>
                <div class="clearfix"></div>
    - - - Aktualisiert - - -

    Ich habs rausgefunden! Habe einfach alle drei Boxen auf float: left; gesetzt und dann ging es. Manchmal ist die Lösung einfacher als man denkt

Ähnliche Themen

  1. Contao - 3 Boxen nebeneinander
    Von Netbimbo im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 1
    Letzter Beitrag: 04.07.2013, 03:46
  2. 2 Div Boxen nebeneinander- FF und IE Problem
    Von Nefftes im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 16.11.2010, 17:24
  3. Css Boxen floaten
    Von xXx_BaSStar_xXx im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 04.01.2006, 12:21
  4. probleme bei floaten von links
    Von hedges im Forum HTML & CSS Forum
    Antworten: 8
    Letzter Beitrag: 04.08.2005, 11:14

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •