Automatische Div-Container Positionierung

  • Allgemein

Es gibt 1 Antwort in diesem Thema. Der letzte Beitrag () ist von Link.

    Automatische Div-Container Positionierung

    Guten Tag,

    Ich hab ein Problem bei einem Schulprojekt. Ich soll eine
    Art Blog-System schreiben. Mein Problem ist, das nach
    Einträgen mit längerem Inhalt die Boxen den Abstand
    vergrößern (Siehe Anhang). Wie löse ich das Problem ?

    Quellcode

    1. .entry{
    2. float: left;
    3. position: relative;
    4. width: 45%;
    5. height: auto;
    6. background-color: white;
    7. border-radius: 10px;
    8. box-shadow: 0px 0px 2px;
    9. margin: 20px;
    10. padding-bottom: 12px;
    11. padding: 2px;
    12. }
    Bilder
    • blog.png

      95,41 kB, 898×808, 144 mal angesehen
    Hi,

    wieso müssen die überhaupt floaten? Können die nicht einfach display: block; kriegen und die ganze Breite einnehmen? Ansonsten legst du ne height (ggf. auch max-height) fest und sorgst mit overflow: hidden dafür dass die divs nicht größer werden.
    Ansonsten kannst du dich vllt mal über flex schlau machen.
    Btw: afaik wär's besser du würdest für Blogeinträge anstatt divs zu verwenden auf das article-Tag zurückgreifen.

    Link :thumbup:
    Hello World