Autor Zpráva
pavelos
Profil *
Čau,
floatuji divy za sebe (jakoby do řádky), ale jakmile se nevejdou na stránku zalomí se a pokračují ve floatování na nové "řádce" pod předchozími divy. Jak to udělat tak, aby divy "přetékaly" a uživatel by musel scroolovat doprava, aby viděl další divy? Díky
DJ Miky
Profil
S použitím floatování by bylo potřeba nastavit pevnou šířku nadřazenému elementu tak, aby se do něj všechno vešlo.

Je možné místo floatování nastavit těm divům display:inline-block; a nadřazenému elementu nastavit white-space:nowrap; pro nezalomení:
<div style="white-space: nowrap;">
    <div style="display: inline-block; width: 1000px; height: 300px; background: #700;"></div>
    <div style="display: inline-block; width: 1000px; height: 300px; background: #070;"></div>
    <div style="display: inline-block; width: 1000px; height: 300px; background: #007;"></div>
</div>

Nejsem si jistý, zda to funguje všude. Pamatuji si, že na starším mobilním prohlížeči mi to prohlížeč automaticky zalomil/přizpůsobil na šířku okna tak, jako přizpůsobuje všechny ostatní texty.

Jen pozor, že při inline-block se ti do řádku promítnou i mezery mezi divy, takže ty divy nebudou úplně nalepené na sobě, pokud mezery neodstraníš.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: