携帯サイト(html,table使用可)の制作に入る前に確認しておきたいチェック項目

by sakaki0214[Mobile]
2009-11-02 04:46:13
[ページ移動: 1 2]
↓のサンプルページをauで見ていただくと分かることなんですが、画像とtableとtableの間に隙間があいてしまっています。xhtmlで作成している場合はdivを入れ子にして隙間があかないようにーとか対応できるんですが、tableだとそれができないので隙間はどうしてもあきます。画像の下に隙間があくのも、3キャリア1ソースだと全キャリアで隙間をなくすっていうのは無理です。詳細はこちらのエントリーをどうぞ。

今回はページの左右に余白をとっているデザインを再現しましたが、携帯サイトでページの左右に余白をとるのは個人的にはすっごく避けたいデザインです。tableの使用が必須になってきてしまいますし、コンテンツの中身でどうしてもtableの使用が必要となってきたときに、tableの入れ子ができないので色々と面倒なことになります。

なので、モバイルサイトのデザインをする際は、両端に文字をぴったりとくっつけたデザインをしていただきたいなーと常々思ってます。意図的にどうしてもあけたいのか、PCサイトのデザインをする感覚であけてしまっているのかが分からないので毎回困ります。うぐぐ...

修正後のデザイン

今回の条件下でコーディング可能なものにデザインしなおしたものです。

<画像:修正後のデザイン>

サンプルページ
<画像:QRコード>
→サンプルページを見る
※絵文字は3キャリア対応をしていないので、sbで団子になってます。


[ページ移動: 1 2]
[*]前の記事 | [#]次の記事
TOP

トラックバック(1)

Powered by MT4i 3.0.8X1
携帯アクセス解析