0

新しい Tumblr テーマに取り組んでいますが、音声投稿に問題があります。情報を表にまとめましたが、Firefox と他のブラウザーで表のレンダリングが大きく異なります。ここにコードがあります：

http://jsbin.com/iseqab/1

メタデータ情報をアルバム アートの横に中央に配置するか、横に均等に配置したいと考えています。見栄えのするものだけです。chrome は、最後のボックス (プレイ) が残りのスペースを占めるようにします。firefox では、テーブルの各行の上下に均等なスペースが割り当てられます。ブラウザー間で一貫した外観を得るにはどうすればよいですか?

ここに私が何を意味するかを示す画像があります：

4

1 に答える 1

0 
Use nested table in staid of rowspan as below. 

<table cellpadding="0" cellspacing="0">
  <tbody>
    <tr>
      <td><table cellpadding="0" cellspacing="0">
          <tr>
            <td><div class="glass" style="height:212px"> <img class="album" alt="album" src="Album%20Art%20Tumblr_files/tumblr_mp65f3F1nG1sxmxz6o1_1372533231_cover.jpg"> </div>
              <div id="audioplayer"> <span id="audio_player_54198232780">
                <div class="audio_player">
                  <iframe class="tumblr_audio_player tumblr_audio_player_54198232780" src="Album%20Art%20Tumblr_files/tumblr_mp65f3F1nG1sxmxz6.htm" allowtransparency="true" style="-webkit-transform: translate3d(0px, 0px, 0px);" frameborder="0" height="27" scrolling="no" width="207"> </iframe>
                </div>
                </span> </div></td>
          </tr>
        </table></td>
      <td align="left"><table cellpadding="0" cellspacing="0">
          <tr>
            <td><table cellpadding="0" cellspacing="0">
                <tbody>
                  <tr>
                    <th>Artist:</th>
                    <td>Julandrew</td>
                  </tr>
                  <tr>
                    <th>Album:</th>
                    <td>Songs To Dream By</td>
                  </tr>
                  <tr>
                    <th>Song:</th>
                    <td>Wait-a-little-longer</td>
                  </tr>
                  <tr>
                    <th>Plays:</th>
                    <td>4</td>
                  </tr>
                </tbody>
              </table></td>
          </tr>
        </table></td>
    </tr>
  </tbody>
</table>
于 2013-08-12T11:00:56.307 に答える