CSSでのブロックレイアウトがうまく確認出来ません！！

質問

かれこれ三時間が過ぎてしまいました。
現在CSSを使ってブロックレイアウトをしているのですが、なかなかうまく行きません！ブラウザごとに違って見えちゃいます。

質問1です。

上から3つのブロックを作っています。
ブロックごとにボーダーの色などを指定するのですが、ブラウザによって表示が違ってしまいます。ボーダーなどの指定ってブラウザによって非推奨とかあるのでしょうか？

質問2です。

こちらもブラウザの問題なのですが、InternetExplorerだときちんと中央に表示されるのですが、netscapeなどでは左によってしまいます。ブロックなどの表示位置をCSSで指定できないのでしょうか？やはりHTML部分に、直接センター表示を明記した方がいいのでしょうか？

宜しくお願いします。

回答No.5

coder · ベストアンサー

えと、これは単に<br>です。
それにスタイルシートでclear:bothしてるだけ。
ただこれははっきり言っちゃうと文法違反です。
clear:bothはブロックレベルにしか使えない（BRはインライン）んだけど、上手く表示されちゃうので結果オーライみたいな。
あとは、空のdivを作ってそこでfloatをクリアしたりとかでもできる。

ようは、floatしてるブロックレベルの後に、floatしてないものがあって、そこでfloatをクリアするということです。

たぶん、これでも良く分からないなら、本を買って勉強した方がいいです。
スタイルシートはまだまだ理屈では上手くいかない部分やブラウザ対応が必要ですし、HTMLの知識もしっかりしたものがないと組めません。
cssも辞書なくてもすらすら手書きできるくらいがベストです。

頑張ってね。

お礼

coderさん本当に有難うございました。

CSSもまだまだ発展中ですし、追いかけるのが精一杯です。色々分からないことが沢山ありますが、がんばって勉強していきたいと思います。