Korábbi floatolt elemek +clear
A problémát bemutató lap: Demo
Floatolt elem, clear-rel megszüntetem a floatolást. Ha korábban is volt floatolt elem, a clear-rel a későbbi floatolt elem a korábbiak alá kerül. Értem, hogy miért történik, de nem jövök rá, hogyan kerülhetném meg, és nem is találom a megoldást.
Célom az lenne, hogy a középső részben is floatolhassak, clearelhessek :) elemeket úgy, hogy azok alatt ne maradjon üres tér (vagyis az utánuk következő elem felső éle ne a korábbi float alsó éle után kerüljön; a bemutatóban a piros keretű floatolt elem alatt jelentkezik ez.)
Összességében egy háromhasábos elrendezésről van szó, a középső, tartalmi hasábban szeretnék floatolni (olvastam a WL vonatkozó fórumtémáját).
Mi a megoldás? Van, vagy másképp kell kialakítanom az elrendezést?
■ Floatolt elem, clear-rel megszüntetem a floatolást. Ha korábban is volt floatolt elem, a clear-rel a későbbi floatolt elem a korábbiak alá kerül. Értem, hogy miért történik, de nem jövök rá, hogyan kerülhetném meg, és nem is találom a megoldást.
Célom az lenne, hogy a középső részben is floatolhassak, clearelhessek :) elemeket úgy, hogy azok alatt ne maradjon üres tér (vagyis az utánuk következő elem felső éle ne a korábbi float alsó éle után kerüljön; a bemutatóban a piros keretű floatolt elem alatt jelentkezik ez.)
Összességében egy háromhasábos elrendezésről van szó, a középső, tartalmi hasábban szeretnék floatolni (olvastam a WL vonatkozó fórumtémáját).
Mi a megoldás? Van, vagy másképp kell kialakítanom az elrendezést?
így
<div id="tartalom_left_float">Tartalomban balra floatolt div</div>
Lorem ipsum dolor sit amet....
</div>
<div id="clearing_txt"></div>
körülfolyás nem jó
A demoban mutatott példán túl ilyen helyzet a fórumbejegyzéseknél balra helyezett avatár, jobbra helyezett szöveg:, a bal (avatár felőli) szöveghatár (mondjuk border) végig egyenes, a szöveg nem "tördelődik" be az avatár alá. Nálam mondjuk nem ez van, de az is ilyen szituáció.
http://e-arc.hu/
na
http://www.tropusifa.hu/!/demo.html
Igen, de ismétlődő esetben "egymásra csúsznak"
Demo
Ezen az sem változtat, ha hozzászólásonként kapnak egy külön wrappert. (Van olyan box level element, ami megszünteti a korábbi floatot?)
Már annyit játszódtam ezzel a floatolással, hogy azon kaptam magam, más irányú megoldásra nem is tudok már gondolni. :) Szóval ne kímélj (ne kíméljetek), jöhet minden.
Bár a megoldás még várat magára, az eddigi, kitartó segítséged is nagyon köszönöm, akosbacsi.
D.
http://e-arc.hu/
na mégegyszer
módosítottam.
innen indultam
Még keresem a megoldást, és köszönöm a segítséged!
D.
http://e-arc.hu/
no
Most már én is nagyon kiváncsi vagyok bármilyen megoldásra. (floatal vagy anélkül)
ja és táblázattal nem ér.
En nem ertem
probléma
http://www.tropusifa.hu/!/demo2.html
A bal oszlop aljához tolódik le a tartalmi rész.
A lényeg: ha clear-el megszüntetjük a floatot, akkor az minden eddigi floatot megszüntet az oldalon. (Egyébként ez is a definíciója a w3schoolson.)
A clear pedig azért kell, hogy a középső részen (tartalom), egy sorban és az előzőek alatt kezdődjenek a "bejegyzések".
Nem tudom meg lehet e egyáltalán oldani floattal.
Talán ez
Clearing floated images in body text
thx
Működik.
Elképesztő
D.
http://e-arc.hu/