div pozícionálás (századszor ;))
Sziasztok!
A következő HTML kódom van egy MediaWiki szócikkben:Azért fontos, hogy MediaWiki szócikkről van szó, mert a "problémás div"-et egy sablon állítja elő, és nem lehet előre tudni, hogy a tartalma a jobb oszlop mellett (azt balról körülfolyva), vagy alatt fog megjelenni. Ha alatta, akkor nincs gond, a szélessége 100% lesz, viszont, ha mellette, akkor is, pedig ez esetben csak a jobb oszlop 240px szélessége melletti maradék helyet kéne elfoglalnia (a style="width:xxx;" megoldaná, de nem tudjuk előre, hogy alatta lesz, vagy mellette). Nem lenne gond, ha nem szeretnék border-t használni.
A másik problémám az, hogy a "szintén problémás div"-et úgy szeretném elhelyezni, hogy mindenképp a "kép" alá essen (akkor is, ha "valami" kisebb magasságú, mint a "kép"). A style="clear:both;" ezt meg is oldaná, de sajna nem csak a "kép"-hez képest, hanem a jobb oszlophoz képest is és ez széttolja a "problémás div"-et.
Eddig csak FF alatt tudtam tesztelni. Köszönet!
■ A következő HTML kódom van egy MediaWiki szócikkben:
<div id="globalWrapper">
<div style="float:right; width:240px;">Jobb oszlop, nem tudni, milyen hosszú</div>
<div id="problémás div" style="border: ...;">
<div id="kép" style="float:right; clear:none; width:200px;">
<img src=.... />
</div>
<div id="valami">Szöveg</div>
<div id="szintén problémás div" style="clear:both;">Szöveg</div>
</div>
</div>
A másik problémám az, hogy a "szintén problémás div"-et úgy szeretném elhelyezni, hogy mindenképp a "kép" alá essen (akkor is, ha "valami" kisebb magasságú, mint a "kép"). A style="clear:both;" ezt meg is oldaná, de sajna nem csak a "kép"-hez képest, hanem a jobb oszlophoz képest is és ez széttolja a "problémás div"-et.
Eddig csak FF alatt tudtam tesztelni. Köszönet!
margin-right