Design9-制作2

携帯をW44Sに機種変してきた。Haru割りとポイントを使って315円!初ワンセグを鑑賞中~。

さてさて、今回のテンプレはなかなか手ごわい。今日しんどかった部分のメモ。clearは重要なのです・・。

#main-column内に#left-columnと#right-columnをそれぞれfloat:left;で配置。
widthも指定しているしこの部分は問題無し。OK!と思ったのに、暫くしてfirefoxで確認したらレイアウトがだだ崩れ。
こういう時にまず疑うべき所は・・やっぱりclearの記述忘れ。

#left-columnと#right-columnは背景の色が違うから、縦に長い方にあわせる為にツートンカラーの背景を#main-column全体に指定。
が!
firefoxで背景が表示されない。
試しに#main-columnに10pxのborderを指定したら、これまたレイアウトがだだ崩れ。
もしかしたら~と#main-columnの外にclearを記述したら無事解決。

これって・・IEをメインで使ってるからマズイのか!?

コメント欄
 






ひよこ 笑い 不満 ビックリ ウーン グラサン よだれ ラブ キス 怒り 涙 汗 ハテナ 眠り 黙秘 天使 あっかんべー るんるん じーっ 口笛 オトナになっちゃいました
Powered by MT Smileys
トラックバック欄
»現在このエントリーへのトラックバックは承認制となっています«
http://hobbyblog.biz/mt/mt-tb.cgi/92

デザインリスト

このリストで掲載しているテンプレートは
配布用ではありません。詳しくはこちら

オリジナル 参考
  • 1  2  3  4  5  6 
その他

ブログインフォメーション

カテゴリリスト

月別アーカイブ

エントリーリスト

人気blogランキング