スタイルシートを使用したレイアウトで

質問

今回サイトをリニューアルしようと考えているのですが、スタイルシートのfloatとposition、どちらを使うほうが良いのでしょうか？
またそれぞれの使用時のメリット、デメリットを教えてください。お願いします。

回答No.2

RH01

こんにちは。

私もCSSは勉強中なのですが、新しい本を買うと
positionを使っているものが多いように思います

positionはそれぞれのdivなどを絶対的、相対的に
きちんと配置させられると言うのがメリットなのかなと解釈しています
ただし、古いブラウザが対応していないようです。

古いブラウザでも比較的問題なく見られるのは
floatのようですが、あんまり複雑なことをすると
ブラウザ間での見え方が変わってくるみたいなので
いろいろ裏技が必要になるようです

どこまでブラウザを意識するかによってかわるけれど
現状はまだfloatのほうが無難かなと思います

回答No.1

koutarou504

とりあえず試験的に一部で使ってみて慣れる事をお勧めします。

確かにスタイルシートは使う事は推奨されている事なのですが、
なにしろブラウザ側の振る舞いがいろいろあって
大変なのも確かです。

出来ればfloatとposition、どちらも使わない事がお勧めです。
よく判っていない状態で使うと、
さらによく判らないブラウザの勝手な振る舞い（バグ）で、
どの様に表示されるか判りません。
場合によっては、文字等が重なって読めない，移動できないなどなど・・・。

最後に
floatは左右への指定により寄せる指定（説明用に簡素に表現）であり、
positionは相対位置，絶対位置と指定方法はありますが場所を数値指定（これも説明用に簡素に表現）するものです。
ですので、用途が違います。何をしたいのかでどちらが良いか選ぶのであり、
仮にどちらでも良いのならどちらも使わない事です。
（その場合はたぶん代用策が大抵ありますし・・・。）

お礼

どうも有難うございます。
最初はテーブルでレイアウトしようかとも考えたのですがW3CではCSSでのレイアウトを推奨されているようなので今回の質問に至った訳です。
確かにCSSだとプラウザによっては認識しなかったりと色々と大変ですよね、参考になる意見有難うございました