2010-03-16

floatを使ったレイアウトについて

◆floatを使うとき

最初に必ずすることは全体に横幅指定する。
※IE6でくずれないために

左にLEFT 右にRIGHTを指定したときの
【padding】のかけかた↓↓↓

左は左に、右は右に。

*全体が300pxで、LeftとRightが150のとき、
20pxの余白をそれぞれとるときは、引く。LeftもRightも(150-20)130pxになる
※しないとはみ出る

Left/Left出かけたいときは、こっち→


左だけなら↓↓

全体に左にマージンかける


中身のLeft・Rightにマージンかけたいときは

CSSで【display : inline;】を指定すると、マージンでも平気。
※マージンだけかけると、IE6でマージンが2倍に・・・


--------------------------------------
・はじめてのブログデザイン
http://hajimetedesign.blog77.fc2.com/blog-entry-13.html

-----------------------------------------

0 件のコメント:

コメントを投稿

アマゾン和書/最新の情報