ugrás a tartalomhoz

fennmaradó magasság kitöltése

Burnee · 2012. Jan. 24. (K), 16.43
Sziasztok!

Adott a következő struktúra:

<div class="wrapper">
    <div class="spam">Blabla</div>
    <div class="spam">Subidubi</div>
    <div class="fixthis">Lorem ipsum...</div>
</div>
Tegyük fel, hogy a .wrapper divnek van egy magassága, amit vagy örökölt, vagy megadtuk neki css szabállyal (px, %, akármi). A .spam divek akármekkorák lehetnek. A kérdés az, hogy hogyan lehet megvalósítani, hogy a .fixthis div magassága akkora legyen, mint a maradék hely a wrapperben. Mindezt természetesen javascript nélkül.
 
1

Tipp

Pepita · 2012. Jan. 24. (K), 22.59
bottom: 0;
esetleg plusz:
height: auto;
Nem próbáltam, nem biztos.
Miért kell a wrapper-nek fix magasság? Az a jó, ha tartalomfüggő.
2

nem-nem

Burnee · 2012. Jan. 25. (Sze), 10.21
height: auto; - nem jó, ez az alapértelmezett is egyébként.
bottom: 0; - csak position: absolute-tal működne, úgy viszont kiesik a normal flowból, tehát a .spam diveket simán kitakarja

Egyébként eddigi ismereteim alapján erre a problémára nincs megoldás css-ben, de gondoltam megkérdem, hátha vki már talált rá valami haxot.
5

Próbáltad?

Pepita · 2012. Jan. 25. (Sze), 21.15
tehát a .spam diveket simán kitakarja
Biztos? Szerintem csak akkor, ha top: 0-át is megadsz. De ha kitakar, arra ott a z-index, csak nem tudom, hogy neked az jó-e ha "alálóg".
erre a problémára nincs megoldás css-ben
Ne csak css-el akard megoldani, hanem html-lel együtt. Biztos, hogy meglehet, csak többet kell okoskodni. Az is lehet, hogy a html struktúrán (is) kell változtatni.
De ha nem érdekes, hogy van-e megoldás, akkor miért kérdezed?
3

Táblázattal próbálkoztál már?

Hidvégi Gábor · 2012. Jan. 25. (Sze), 10.26
Táblázattal próbálkoztál már?
4

Sajnos nem jó

Burnee · 2012. Jan. 25. (Sze), 12.03
Szia!

Az ötlet alapvetően jó lenne. A hiba az, hogy itt a .spam divekre és a .wrapper-re nincs hatásom. Röviden: .fixthis { /* itt kell megoldani a problémáát */ }