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. 🙂

Doe mee met de conversatie

4 reacties

Laat een reactie achter

Zeg uw gedacht

Deze website gebruikt Akismet om spam te verminderen. Bekijk hoe je reactie-gegevens worden verwerkt.