Chrome 16 heeft display:table kapotgemaakt

Awoert godverdomme! In principe zou dit:

<style>
  .table { display: table; }
  .row { display: table-row; }
  .cell { display: table-cell; }
</style>  

<div class="table">
   <div class="row">
     <div class="cell">een</div>
     <div class="cell">twee</div>
     <div class="cell">drie</div>
   </div>
</div>

en dit

<table>
  <tr>
    <td>een</td>
    <td>twee</td>
    <td>drie</td>
  </tr>
</table>

hetzelfde moeten geven. En dat doet het ook, in de meeste browsers. Maar dus niet meer in Chrome, sinds dat ze daar naar versie 16 gegaan zijn.

Kijk: een testbestandje. Dat zou er ongeveer zo moeten uitzien:

Screen Shot 2011-12-16 at 12.09.51.png

En zo ziet dat er ook uit, zowel in Chrome 15 als in Safari als in de laatste Webkit. Maar het ziet er in Chrome 16 zo uit:

Screen Shot 2011-12-16 at 12.10.46.png

Bloederige hel.

Pas op, het ziet er in de meest recente versies van Firefox en Internet Explorer ook zo uit, maar dat is het punt niet: ik vind dat het er hetzelfde zou moeten uitzien. :)

4 Comments

Zeg uw gedacht

Vriendjes

<insert standard disclaimer>

Alles wat hier staat is mijn eigen opinie. Het wordt niet nagelezen of goedgekeurd door mijn werkgever voor het on-line komt, en ik bied geen enkele garantie voor kwaliteit of correctheid.

Mijn werkgever is het niet noodzakelijk eens met wat ik schrijf, en het spreekt vanzelf dat hij dan ook op geen enkele wijze aansprakelijk kan zijn voor wat ik hier publiceer.