れいれいBLOG

まずサイトのイメージ（構成）を決めましょう。
2カラムなのか3カラムにするのか　メニューやタイトルはどこに置くのか... 。

具体的なイメージに困ったときの参考サイト。
カラーやカラム数などからチョイスできる＆見てるだけでも楽しい♪

Netcocktail
Web Site Design Portfolio - Darkeye
Design Shack - Inspirational CSS and Blog Design
Web Creme | Web design inspiration
Design Melt Down
Styleboost
Design Link Database

レイアウトをするときに　まず最初に作りたいサイトイメージを設計する。
その時に必要な余白... これを考えてないと　サイト設計が崩れてしまいます。

余白にはmarginとpaddingがあって

margin − 指定した範囲の外側に余白を作る
padding − 指定した範囲の内側に余白を作る

なんですけど　でもpaddingってブラウザによって反映のされ方が違ってしまって

IEの場合
* 指定した幅・高さの内側に余白が作られる。
Firefox、Netscapeの場合
* 指定した幅・高さが指定した余白の分だけ拡大され、その内側に余白が作られる。

これを考えて設計しないと　
たとえばIEでは見えてる文字がネスケでは見えない　とかありえてしまう... 。

れいは今回　HPのリニュのとき　paddingは使わなかった...
というよか　使えなかったのほうが正しいかもしれません。
これって回避方法とかあるのかな？？とか　
paddingを使う理由... 使わなくても　とりあえずサイトは作れるし　
それでも使うのはなにかメリットがあるのかな？？とか思ったりしています。

今年に入ってずっとHPのリニュをしています。
今までテーブルレイアウトで作っていましたが　今回は初めてのCSSレイアウト。
最初はぜんぜんわからなくて　
でも本やwebとかで検索しながら　ちまちま作っているのはもう楽しくて！！
CSSにかなり夢中 (〃ー〃) ♪ まだまだ完成には時間かかっちゃいそーですけど。

今　気になってるのが　floatのクリア指定。

.c-both { clear:both; }

CSSのほうに　これを書いているんですけど
HTMLの記述としては

<div class="c-both"><br></div>

こうなっちゃうんでしょうか？？
テーブルレイアウトのときは多用していた<ｂｒ>を
今回は使わないで作ってみようというコンセプトがひそかにあって（ぇ　悩んでいたりします。

>> CSS疑問（2）へ