モバイル覚え書き

Read More

HTMLです


・Docomo(iモードブラウザ1.0)はcellpaddingとcellspacingが1pxで固定される

これらの属性は変更することができないので、全てのテーブルに予め
<table cellpadding="1" cellspacing="1">

という記述をしておいた方がよい。

こうすることでiモードブラウザ2.0でも他キャリアでもデザインがある程度差が出るのを防ぐことができる。

なお、borderは基本的に使わず、線を表現する時は、
<table border="0" bgcolor="#000000">
  <tr>
    <td bgcolor="#ff0000">
      あいうえお
    </td>
  </tr>
</table>

とした方がよい。

なお、HTMLタグや属性は全て小文字で記述すること。
これはxhtmlを考えてのこと。


これらをまとめると、
<table align="center" width="100%" border="0" cellpadding="1" cellspacing="1" bgcolor="#000000">
  <tr>
    <td bgcolor="#ff0000">
      あいうえお
    </td>
  </tr>
</table>

となる。


--追記--
・tableタグを入れ子にして使わないこと!
・fontsizeはtableタグより上位で書くと適用されないことがあるのでtable内で指定すること
・キャリア、機種によってはalignが正しく効かない場合がある
・キャリア、機種によっては、thの中身がセンタリングされる場合がある
・キャリア、機種によっては、thの文字が拡大される場合がある

Category "HTML・JS・CSS" の最新記事