IE6 の float 指定した時の margin バグ回避策 はじめてのブログデザイン
覚え書きです。 CSS でブロック要素に float を指定した際 margin の auto が効かなくなる（左右のセンター揃えが効かなくなる）ので 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 の position の absolute を使いこなす為の基礎知識 はじめてのブログデザイン
皆さんは CSS の position プロパティを使いこなせていますか？ 私はお恥ずかしながら relative （相対指定）はたまにレイアウトの微調整で使用することはあっても、今回のテーマである absolute （絶対指定）を使いこなせずにいました。理由もしっかりあり、ブラウザのウィンドウの左上から指定することにメリットを感じていなかったからなんですが・・・ しかし、今回の記事は position プロパティの特に absolute を使いこなすための基礎知識です。 「えぇぇ！！そんなことも知らなかったの！？」と思われてしまうような内容かも知れませんが、知らなかったと言うか知ろうとしなかったと言うか・・・・包み隠さず言うならまったく知りませんでした。 XHTML と CSS の書籍を久しぶりに読み返し、目から鱗と言えるような基礎知識でした。上の文章を読み『俺も absolute 使っ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
