記事参照

No.1 2006/02/02 22:49
題:Re: 文字と画像を左揃えで中央表示したいです。
名:Newのり太

http://www.mozilla.gr.jp/standards/webtips0004.html
たとえば、上記のような理想的な(?)中央寄せレイアウトの手法をHPBで操作するとなると、
※一部上記サイトから文章を引用しています。
(1)
とりあえず、IEのバグ対策として
|transitionalで記述するならdiv要素のalign属性でcenterを指定するのが一番簡単です。
挿入>その他>レイアウトコンテナ>書式>位置揃え>中央寄せ。
または、
|strictで記述するならalign属性は使えません。あくまでCSSで実現することになります。
挿入>その他>レイアウトコンテナ>スタイル>文字のレイアウト>水平方向の配置 を中央揃えに。
(2)
|この弊害を無くすには、子要素にtext-align:left;を指定してあげます。
|この問題を解決するためにtext-align:justify;(※)を使用を推奨します。
(1)で作ったレイアウトコンテナの中にもう一度、
挿入>その他>レイアウトコンテナ>スタイル>文字のレイアウト>水平方向の配置
を左寄せまたは両端揃え(※)に。
※ここまでする必要があるかどうか。。
|左右のマージンをautoにし、ブロックレベル要素に幅を指定するのが正しい方法です。
レイアウト>マージン>左方向、右方向を自動に、位置>幅 を便宜指定。
で、内側のレイアウトコンテナに文字と画像を入れます。
レイアウトコンテナのスタイルを、「クラスやIDによるスタイルの設定」にするか、
「現在のタグのみにスタイルを設定」するかは、便宜判断してください。
----------------------------------------------------
固いことは抜きにして、とりあえずそれなりに見えればいいやってむきには、
FAQ:表を画面の中央に表示する方法を教えてください
http://www-6.ibm.com/jp/domino01/swhc/esupport.nsf/all/hpb0345
ヒント集:表を使ってページをレイアウトしてみましょう
http://www-6.ibm.com/jp/domino01/swhc/esupport.nsf/all/hpb1037
# 提示のページはテーブル(表)レイアウトのようです。



掲示板に戻る