人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

フォームのチェックボックスやラジオボタンと、それに続けるテキストの揃え方について。
普通にやると、IEやNNではテキストが下に下がって見えてしまい、Safariだと綺麗に揃います。
そこで、チェックボックスとテキストをそれぞれテーブルのセルに入れると、IEやNNでは揃えられるのですが今度はSafariで逆にテキストが上に上がってしまいます。
この3種のブラウザ全てで揃えて見せる方法がありましたら教えて下さい。

●質問者: wintarsnow
●カテゴリ:ウェブ制作
✍キーワード:IE Safari セル チェックボックス テキスト
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● miyamakuwagata
●50ポイント

やはりテーブルのセルに配置する方法が一番なのではないでしょうか。

Safariでテキストが上に上がってしまう現象もフォントサイズが小さい時(〜12pt)の話で、それ以上になるとキチンと揃って見えます。

デザイナーさんは大画面で作業をしていますが、一般ユーザーは省スペースのモニタが大半です。

フォントサイズ14ptぐらいを標準と考えデザインするとちょうどいいのではないでしょうか。

そのものズバリの回答でなくですみません。

◎質問者からの返答

ありがとうございます。

やはりその方法しか無さそうですか…。

フォントサイズは、基本のサイズは12pxで指定しているのですが、そのチェックボックスの部分は選択肢が大量にあるので(検索サイトでのカテゴリのOR検索のような感じ)、小さめに10pxにしたいのです。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ