2008年10月13日

Firefoxでもテーブルをセンタリングするには

今、自分のサイト内で別のコンテンツの整理をしているので、とりあえずブログで。

Expression Webでテーブル全体をセンタリングしたいとき、Internet ExplorerではちゃんとセンタリングするのにFirefoxでは左寄せになってしまって困ったことはありませんか?

私もそうだったんですが。

そこで、対処方法は以下の通り。

すべてのテーブルを中央に配置するには、以下の手順でスタイルを作成します。

  1. [書式]-[新しいスタイル]をクリック
  2. [新しいスタイル]ダイアログボックスの[セレクタ]ボックスには「table」と指定
  3. スタイルの定義先を指定
  4. [ボックス]カテゴリを開いて、[margin]の「すべて同じにする」のチェックを外す
  5. 以下の図のように、top と bottom は「0px」、right と left は「auto」に指定して、[OK]ボタンをクリック
    新しいスタイル

センタリングしたいテーブルを指定したい場合、タグ自体にスタイルを作成するのではなく、クラススタイル(最初に「.」からはじまるセレクタ名)にします。そのあと、クイックタグセレクタバーを利用して、センタリングしたいテーブルを選択してから、[スタイルの適用]作業ウィンドウからそのスタイルをクリックします。また、インラインスタイルになると強制的にセンタリングになります。

posted by wanichan at 13:59 | Comment(0) | TrackBack(1) | Expression Web はてなブックマーク - Firefoxでもテーブルをセンタリングするには
この記事へのコメント
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。
この記事へのトラックバックURL
http://blog.seesaa.jp/tb/108011883
※言及リンクのないトラックバックは受信されません。

この記事へのトラックバック

くちこみブログ集(ライフ): Firefox(モジラ)ウェブ・ブラウザ by Good↑or Bad↓
Excerpt: 「Firefox(モジラ)ウェブ・ブラウザ」に関するブログのくちこみ情報で、みんなの参考になりそうな記事を集めています。自薦による登録も受け付けているので、オリジナルくちこみ情報のブログ記事があったら...
Weblog: くちこみブログ集(ライフ)(投稿募集中)by Good↑or Bad↓
Tracked: 2008-10-14 08:11