Page 830 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 通常モードに戻る ┃ INDEX ┃ ≪前へ │ 次へ≫ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ▼CSSでページのレイアウト FROPTRE 04/10/20(水) 13:49 ┣Re:CSSでページのレイアウト 105 04/10/20(水) 19:57 ┣Re:CSSでページのレイアウト Pid 04/10/22(金) 4:57 ┗Re:CSSでページのレイアウト FROPTRE 04/10/24(日) 10:49 ─────────────────────────────────────── ■題名 : CSSでページのレイアウト ■名前 : FROPTRE ■日付 : 04/10/20(水) 13:49 -------------------------------------------------------------------------
今までテーブルでレイアウトしてきたのですが、 最近 CSSでのレイアウトに変更しようと思い CSSを勉強し、更新作業にあたっているのですが 1つ疑問がでてきました。色々検索したのですが分かりません。 CSSでレイアウトする場合 position や float などを使うことは 勉強したのですが、これ(position,float)以外のレイアウト方法は ないのでしょうか?そして、positionかfloatどちらを利用した方が 賢明なのでしょうか? もしよろしければ、理由など教えて下さい。 |
▼FROPTREさん: >CSSでレイアウトする場合 position や float などを使うことは >勉強したのですが、これ(position,float)以外のレイアウト方法は >ないのでしょうか?そして、positionかfloatどちらを利用した方が >賢明なのでしょうか? もしよろしければ、理由など教えて下さい。 こんばんは。 個人的には、floatだけで済むならpositionは使わない派です。 positionを多用して作ったレイアウトで、ブラウザごとの 確認が行き届いてないと、重なって文字が読めないことが たまにあります。floatだけなら位置がずれることはあっても 読めなくなることはないかなという単純な理由です。 ただこのあたりは好みの問題もありますし positionを使っても使い方さえ間違わなければ大丈夫です。 実際の組み方の例として、こちらのページが参考になります。 http://www6.plala.or.jp/go_west/nextcss/tip/htm2css/index.html |
どもです。 > これ(position,float)以外のレイアウト方法はないのでしょうか? CSS にレイアウトの方法はいくらでもありますが (^^;),FROPTRE さんがここで仰る「レイアウト」とは段組のことですね。 現状,CSS を使って段組を行うには position か float を使うしかないでしょう(他の方法も考えられなくはありませんが,それに対応しているブラウザがまだ非常に少ないので割愛)。 そもそも両者は異なる役割を持つので,一概にどちらが良いとは言えません。ただ,これらを「段組のために」利用することに関して言えば,私は以下のような印象を持っています。 ・position … ボックスを,本来配置されるはずの場所からどのように/どれだけズラして配置するかを指定する。うまく使えば,HTML,CSS ともに最小の記述で思い通りのレイアウトが可能。だが,無料スペースの広告などでレイアウトが崩されることもある。また,ブラウザのバグも多い。 ・float … ボックスを浮動化して左右に寄せ,後続要素はそれを回り込むように配置される。だから,作者が予期していなかった状況でもそれなりにうまく表示されることが多い。ただし,HTML 文書が多数の div でガチガチになりやすいので注意。 だから私の場合,不特定多数の読者が見込まれる文書や,広告などが入りそうなときは float で,プライベートな文書で楽をしたい場合は position で,と使い分けています。 |
意見ありがとうございます。 考えた結果 float を使用していこうと思います。 ありがとうございました |