Hogyan lehet css-ben megcsinálni az, hogy legyen két hasáb az oldal közepétől balra és jobrra, de ha nem fér ki akkor egymás alá törje őket?
position:absolute; right:50%;
position:absolute; left:50%;
megoldaná az első variációt
és
max-width:50%; float:right;
max-width:50%; float:right;
megoldaná a másodikat.
De a kettő együtt nem jó. Valaki tud rá egyszerű megoldást?
<div style="width:50%;float:left;background-color:green;overflow:auto;">Sajnos nem tudom mit szeretnél..._barkóba alapján_talán_valami_ilyen_is_jó_így..._jhgjgffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff123456789</div>
<div style="width:50%;float:right;background-color:blue;overflow:auto;">jhgjgf</div>
Akkor leírom részletesen.
Két hasábom lenne, amikben listák vannak. A hasábok szélességét a listák feszítsék ki, azaz pont olyan széles legyen egy hasáb, mint amekkora szükséges neki. Ez azt jelenti természetesen, hogy a hasábok szélességét előre nem tudom, és azok eltérőek is lehetnek.
Azt szeretném, hogy a két hasáb pontosan egymás mellett legyen, és a közös oldaluk pont az oldal felénél legyen, ha kifér így mindkét hasáb. Ha kicsi a böngésző szélessége ahhoz, hogy így kiférjenek egymás mellé, akkor a közös oldal vonala eltérhet a felezővonaltól, és ha még ez sem elég, akkor törje a két hasábot egymás alá.
<div style="min-width:50%;float:left;background-color:green;">Sajnos_nem_tudom_mit_szeretnél..._barkóba_alapján_talán_valami_ilyen_is</div>
<div style="min-width:50%;float:left;background-color:blue;">jhgjgf</div>
<br><br>
<div style="min-width:50%;float:left;background-color:green;">De-hát-az-első-kódomnak-nem-is-az-a-feladata-hogy-alá-tegye-Az-kitesz-egy-csúszkát-ha-nem-fér-bele-az-50%-ba-Te-pedig-ezt-szeretnéd...Sajnos_nem_tudom_mit_szeretnél..._barkóba_alapján_talán_valami_ilyen_is</div>
<div style="min-width:50%;float:left;background-color:blue;">jhgjgf</div>
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!