Új hozzászólás Aktív témák

• #1707 lezso6 HÁZIGAZDA raczger #1705

  Új Válasz 2009-04-01 00:17:55 #1707

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  lezso6

  HÁZIGAZDA

  LOGOUT blog

  válasz raczger #1705 üzenetére

  Nincs mit. Hát igen, ez van. De örüljünk, hogy azért van szabvány, mert ha még ennyi se lenne, nagy bajban lennénk.
  Egyébként meg lehet csinálni a dolgot táblázat használata nélkül is, csak az a baj, hogy az egyelőre csak Firefox-on lehetséges, mert még az IE8 sem képes rendesen (bár még mindig jobban mint az IE7) kezelni a display attribútumot. Egészen pontosan így:

  <div style="height:100px;display:table">
  <div style="display:table-cell;vertical-align:middle">szöveg</div>
  </div>

  illetve ha több "táblázat"-sort is akarsz használni:

  <div style="height:100px;display:table">
  <div style="display:table-row">
  <div style="display:table-cell;vertical-align:middle">első sor</div>
  </div>
  <div style="display:table-row">
  <div style="display:table-cell;vertical-align:middle">második sor</div>
  </div>
  </div>

  vagy div-"táblázat"-ot

  <div style="height:200px;width:500px;display:table;">
  <div style="display:table-row">
  <div style="display:table-cell;vertical-align:middle">első sor, első cella</div>
  <div style="display:table-cell;vertical-align:middle">első sor, második cella</div>
  </div>
  <div style="display:table-row">
  <div style="display:table-cell;vertical-align:middle">második sor, első cella</div>
  <div style="display:table-cell;vertical-align:middle">második sor, második cella</div>
  </div>
  </div>

  Ez lenne az ideális, mert nem kell foglalkozni a padding-gal meg margin-okkal, stb mert alapból nulla pixelesek, míg a HTML táblázatnál már nagyon nem, s külön nullázni őket meg minden kissé macerás. Csak hát IE-ben még nem működik.

Új hozzászólás Aktív témák