ぺんろぐ

Windows、Webデザイン、ネット、ゲームなど中心とした気まぐれ更新ブログ。

floatめも

CSSめもー。
文字でどう表現したらいいのか
わからんので、絵を混ぜてみました。


CSSでレイアウトをするとき
float1.gif
floatを使ってこういうレイアウトにしたいのに…


float2.gif
こういう風にレイアウト重なって
しまったことはありませんか?^-^;
そうなってしまう時の対処方法を2通りメモします。

■対処方法
①#bと#cにマージンでleftの位置指定する。

②#bと#cにdisplay:inlineをいれる。


②の方のソース例です。
#a {
width: 300px;
float: left;
}
#b {
width: 400px;
display: inline;
}
#c {
width: 400px;
display: inline;
}

※追記 もしかしたら、このソースだとちょっと怪しいかも^-^;

スポンサードリンク

  1. 2010/10/30(土) 03:38:33|
  2. WEBデザイン
  3. | コメント:2

コメント

まぁ応用で他に使えるから、問題なっしんぐ。画像のレイアウトぐらいならいいんジャマイカ?(推測)
  1. 2010/11/01(月) 23:39:34 |
  2. URL |
  3. 鷹之丞 #-
  4. [ 編集]

あっ確かに画像なら
問題なさそうな気がしますっ。

おとなしく#bと#cを合体させた
#d作って、普通に#aをfloatした方が
楽かなって気がしました(笑)
  1. 2010/11/03(水) 21:13:22 |
  2. URL |
  3. ぺんぎん #-
  4. [ 編集]

コメントの投稿

管理者にだけ表示を許可する

FC2Ad