[CSS] div's in div nebeneinander

Dieses Thema im Forum "Webdesign" wurde erstellt von teqnix, 6. Februar 2010 .

Schlagworte:
Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 6. Februar 2010
    Zuletzt von einem Moderator bearbeitet: 14. April 2017
    div's in div nebeneinander

    Nabend leute,
    helft mir, ich steh auf'n Schlauch
    Folgendes: ich habe mehrere div-Conatiner in einem div Conatiner. Diese div's sollen alle nebeneinader stehen, tuen sie abe rnicht. Stattdessen wird einfach umgebrochen.

    Hab das ganze mal aufgemalt
    So soll es aussehen:
    Bild

    So sieht es aus:
    Bild

    Fuer jede brauchbare Hilfe gibt's 'ne BW
     
  3. 6. Februar 2010
    AW: div's in div nebeneinander

    grundprinzip sollte sein:
    block außen drum machen und feste größe geben,
    und dann mit dem float -attribut die inneren divs nebeneinander darstellen..
    wichtig - bei verwendung von div containern würd ich immer mit festen größenangaben arbeiten,
    damits am ende auch wirklich überale gleich groß ist ...
    sollte dann in etwa so aussehen:
    HTML:
    <div id="blockaußendrum">
 <div class="block1"></div>
 <div class="block2"></div>
 <div class="block3"></div>
</div>
    und in der css:

    HTML:
    #blockaußendrum{
width: 600px;
height:600px;
}
.block1{
width:200px;
height:600px;
float:left;
}

.block2{
width:200px;
height:600px;
float:left;
}

.block3{
width:200px;
height:600px;
float:right;
}
    gruß, zippo
     
  4. 6. Februar 2010
    AW: div's in div nebeneinander

    Hi,
    danke erstmal fuer die Antwort.
    So sieht es bei mir ja atm aus. Nur sollen die inneren Bloecke nicht umgebrochen werden, auch wenn sie insgesamt eine laengere Laenge haben als der aeussere Block. Und das tun sie nicht.
     
  5. 7. Februar 2010
    AW: div's in div nebeneinander

    Code:
    #blockaußendrum {overflow: hidden; }
     
  6. 7. Februar 2010
    AW: div's in div nebeneinander

    In meinem grafischen Beispiel ist diese Eigenschaft aufgefuehrt.
    Trotz overflow:hidden wird umgebrochen.
     
  7. 7. Februar 2010
    AW: div's in div nebeneinander

    oha, naja ich bau sowas immer nur mit inline-elementen, keine ahung was du vor hast ^^

    das geht mit: white-space: nowarp;

    ob das auf block-elementen auch geht kann ich dir nicht sagen.
     
  8. 7. Februar 2010
    AW: div's in div nebeneinander

    white-space: nowarp geht leider nicht Hatte ich schon probiert.
    Ich werde es wohl irgendwie anders versuchen muessen und mach hier mal zu...

    BW's sind raus.
     
  9. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.