ugrás a tartalomhoz

div pozícionálás (századszor ;))

foxmulder · 2009. Május. 8. (P), 14.47
Sziasztok!
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>
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!
 
1

margin-right

foxmulder · 2009. Május. 8. (P), 16.14
Ha azt írom,

<div id="problémás div" style="margin-right:250px; border: ...">
akkor azt kapom, amit látni szeretnék, de a fő kérdés marad: nem tudható, hogy a jobb oszlop mellé, vagy alá kerül a "problémás div"?