今日からCSS入門

koko — 2008-12-10T16:14:36+09:00

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

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

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

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

中央表示ってどうするの？

koko — 2008-12-10T15:57:02+09:00

例えば、

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って難しい

koko — 2008-12-10T15:35:30+09:00

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

koko — 2008-12-10T15:30:16+09:00

今日からＣＳＳの勉強ということで、家のパソコンの前にだらだら座っていても勉強なんか進みもしないので、ブログを備忘録代わりに使って勉強してみようかと思います。

今日から初めてみたもののＳＥＯ対策なんてやってまで多くの方々に見てもらおうなんって考えてない。というかひと様に見てもらえるほどすごいことは書いてないので逆に見られると恥ずかしいかも。

とにかく、ＣＳＳをがんばって勉強して自分好みのホームページを作るぞ～オー！さみし～