はじめてのブログデザイン

ホームページ制作の経験を活かしてブログテンプレートのデザインに挑戦!

スポンサーサイト

--/--/-- -- [Edit]

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

IE6 の float 指定した時の margin バグ回避策

2007/04/16 Mon [Edit]

覚え書きです。

CSS でブロック要素に float を指定した際 marginauto が効かなくなる(左右のセンター揃えが効かなくなる)ので px などでキッチリと指定します。

しかし、IE6 のバグで float を指定した際の margin が2倍になってしまうバグがあります。
なので、IE6 用の有名な CSS ハック(*html)を使用して以下のように回避します。


*html div#hajime { /*IE6用のハック*/
	width : 450px;
	float : left;
	margin : 10px 5px; /*通常指定の1/2で指定*/
}

div#hajime { /*その他のブラウザ用*/
	width : 450px;
	float : left;
	margin : 10px 10px;
}

●結論
IE6 はフロート食べると太るから margin は半分。

CSSハック一覧表を作りました。

追記(2007/08/28)
記事へのコメントで hamaさんから貴重なアドバイスを頂きました。上記のバグの回避方法として下記のプロパティが有効とのことです。私はまだ使用させて頂いていませんが、CSS ハックで解決するよりも簡単な方法だと思いますので、この記事をご覧の方でご存知なかった方はどうぞ。

display : inline;

何か他に影響が出ないかな?なんて考えてしまう回避方法ですが杞憂で済みそうです。

CSS2 の仕様では「float を指定した要素は display の指定を無視する」

と言うことなので、Firefox と Opera などでは OK とのことでした。
後日、Mac の Safari などでも確認しましたがまったく問題なしでした!

*hamaさんアドバイスありがとうございました!勉強になりました!*

スポンサーサイト

祝!ライトブルー(水色)の FC2 ブログテンプレート完成!

2007/04/16 Mon [Edit]

ライトブルー(水色)のブログテンプレート

ライトブルー(水色)バージョンのブログテンプレートが完成しました!
ピンクバージョンのテンプレートからの色変更のみです。

只今、承認中です。

リルボさんへ
お待たせしました!もし、お気に召したらお使いください。
ブログのテンプレートはすぐに変更出来ますし、沢山の制作者さんが素敵なテンプレートを配布されています。 当然ですが、飽きたら変更して頂いて結構ですし、もし色味がリルボさんの好みと違いましたらお使い頂かないのも自由です。何はともあれ、私へのお気遣いなく♪
また何かありましたら、お気軽にコメント頂けると嬉しいです。

■自分へのメモ
承認されたらテンプレートを上書きする。
修正点:右メニューのリンクカラーの変更。

Top
はじめてのブログデザイン

はじめに・・・

hajime

Author:hajime
はじめまして!齢32を迎えたおっさんです。
当ブログではホームページ制作の経験を活かして、日々ブログテンプレートのデザインを勉強しています。ご意見ご質問アドバイスなどありましたら、お気軽にコメントください!

ブログテンプレートのご使用についてをご覧頂けると注意点などをご確認いただけます。

ブログテンプレート一覧表では、今迄当ブログで制作してきたテンプレートをご覧頂けます。

はじめてのブログデザイン記事一覧で、気になる記事を探してみませんか?

はじめてのブログはFC2ブログで良いと思うに一票。

Mail Address

Google AdSense

RSSフィード

便利なブックマーク

リンク

ロックオン


ドメインが増えてきたので引っ越し検討中のレンタルサーバー。

カテゴリー

タグクラウド

検索フォーム

最近の記事

最近のコメント

最近のトラックバック

お気に入り

EIZOダイレクト
私の中で出ている1つの答え。それは液晶モニターに関しては今も昔もこれからも EIZO(ナナオ)。

ドメイン検索
a
.com .net .info .mobi

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。