上記の広告は１ヶ月以上更新のないブログに表示されています。新しい記事を書く事で広告が消せます。

今作りたいサイトのレイアウトは非常に簡単。
でも、なかなかスムーズにいかない。

ボックスの中に絶対配置のboxが二つにfloatのboxが三つ。

htmlはすっきりと書いたつもりなんですけど、レイアウトとなるとCSSが汚いのなんのって。。。。

最終的には一つのhtmlで3つのＣＳＳに対応させようと思案しているので
基本的にはhtmlには手を加えずにCSSによるレイアウトをいろいろ試せたらいいな。

例えば、

htmlで
＜body＞
＜div id=wrapper ＞

＜div id=content1＞＜/div＞
＜div id=contents2＞＜/div＞

＜/div＞
＜/body＞

レイアウトは置いておいて。とにかくwrapperを中央表示させようしている。
marginやpaddingを使えば簡単なんだけど、それってどんなブラウザでも表示可能？
ということでどんな？ブラウザにも対応できるようなものはと探してみた。

といことでＣＳＳは
body{
width:600px;
padding-left: 50%;

#wrapper{
width: 800px;
height: 750px;
margin-left:-400px;


他の数字は置いておいて、
と設定してみた。値はいろいろ試した結果これくらいがちょうどいいかなって値なんですが、
結果、IE7ではきれいに中央に表示することができた。
これでいいのかな。

マイナスで調整しているんだけど、ＣＳＳはデフォルトしていると考えてと

レイアウトの前にとにかく中央表示かなと思って試行錯誤中。
スクールに通っているわけでもなく、師匠がいるわけでもないのでとにかくこれでいいのか分からないが、とにかく間違っているなら勉強してく中で気が付ければいいな。

さて、今悩んでいることと言えば、float。
floatなんて簡単じゃん〜と最初から楽勝じゃん〜
と軽く見ていましたが、結構難しい。
何が難しいって。。。。。。。
しばらくどう説明していいか画面の前で固まってしまった。
これって自分でも何が難しかわかってないってことが。。。がっくし。。。
いちから出直しだぁ。