Kvalitní hosting pro WordPress [WP3]
Zobrazují se odpovědi 1 až 4 z 4

Jak zalamovat DIVy?

  1. Zdravím,

    najde se někdo, kdo by mi prosím osvěžil jak zalamovat divy pod sebe při zmenšení rozlišení / stránky?

    Příklad:

    Kód:
    <div style="display: inline-block; width: 100%;">
    <div style="width: 50%;">PRVNÍ SLOUPEC</div>
    <div style="width: 50%;">DRUHÝ SLOUPEC</div>
    </div>
    Potřebuji dva sloupečky přes celou šíři stránky a při zmenšení stránky prohlížeče či při otevření v mobilu by se DIVy nezobrazovali vedle sebe, ale pod sebou. Děkuji mockrát za pomoc.

  2. Co se právě děje na Webtrhu?
  3. důležité pro tebe jsou css vlastnosti float a clear. Clear je to co chceš.

    Kód:
    <div style="display: inline-block; width: 100%;">
    <div style="width: 50%; clear: left">PRVNÍ SLOUPEC</div>
    <div style="width: 50%; clear: left">DRUHÝ SLOUPEC</div>
    </div>

  4. A co třeba přes flex?

    Edit fiddle - JSFiddle

  5. Citace Původně odeslal TomášX Zobrazit příspěvek
    důležité pro tebe jsou css vlastnosti float a clear. Clear je to co chceš.

    Kód:
    <div style="display: inline-block; width: 100%;">
    <div style="width: 50%; clear: left">PRVNÍ SLOUPEC</div>
    <div style="width: 50%; clear: left">DRUHÝ SLOUPEC</div>
    </div>
    Díky moc, ale to clear mi dělá neplechu bohužel. Zalamuje se to i při klasickém rozlišení.

    ---------- Příspěvek doplněn 08.01.2019 v 14:09 ----------

    Citace Původně odeslal smitka Zobrazit příspěvek
    A co třeba přes flex?

    Edit fiddle - JSFiddle
    To je ono, co jsem potřeboval. Díky moc :-)

Hostujeme u Server powered by TELE3