[B! 対策] sorausa1124のブックマーク

sorausa1124 id:sorausa1124

対策に関するsorausa1124のブックマーク (3)

IEでのCSSのバグを回避するhasLayout | コリス
IE7で拡大・縮小時にレイアウトが重なってしまったり、IEでフロートした要素がはみ出てしまったりとIE独自のCSSのバグがいくつかあります。これは、IEのhasLayoutが原因のひとつとなっているので、それを回避する方法を考察します。 hasLayoutとは IEでのCSSのバグを回避するhasLayoutの値 CSSのバグに効果のあるhasLayoutの指定方法 hasLayoutの参考ページ hasLayoutとは hasLayoutとは、オブジェクトがレイアウトを持っているかどうかを示すものです。 hasLayoutの値はread-onlyのため読み込みのみ可能で、falseとtrueがあります。 hasLayoutの値（read-only） false デフォルト値。オブジェクトがレイアウトを持っていない。 true オブジェクトがレイアウトを持っている。 IEでのCSSのバ
sorausa1124 2013/01/30
IE6

対策
リンク
IE6でよく遭遇するCSSのバグとその解決方法 | コリス
Dave Woodsのエントリー「IE6 -CSSのバグとその解決方法」から、IE6でよく遭遇する３つのCSSのバグとその解決方法の意訳です。 IE6 - CSS Bugs and Fixes Explained IE6で、マージンが２倍になってしまうバグ IE6で、hasLayoutプロパティによって起こるバグ IE6で、小さい高さを指定した場合に起こるバグ IE6で、マージンが２倍になってしまうバグ IE6で、フロートした要素のマージンが２倍になってしまうバグと解決方法の紹介です。下記のコードで、IE6はマージンが20pxになります。 sample:バグ #navigation{ float: left; width: 200px; margin-left: 10px; } #content{ float: right; width: 500px; margin-right: 10p
sorausa1124 2013/01/30
IE6

対策
リンク
CSSのpositionプロパティを使って表示位置を調整する。 | Health is better than wealth
ブログの色に合う紫色の丁度良いRSSアイコンが見つかったので、フッター（ブログ一番下）に付けました。見てくれればわかると思いますが、動きがでるようにちょっと上にズラしてます。このアイコンが通常表示される場所は、紫色の帯の中です。こういう時はCSSのpositionプロパティを使います。ちょっと難しいんですが、とても便利なプロパティです！ relative通常表示される位置を基準として相対的に位置を配置します。 top、bottom、left、rightなども合わせて指定して、相対的な位置を決めます。 positon:relative; と書きます。 absolute親要素を基準として絶対的に位置を指定します。親要素にstatic以外のプロパティが指定されていない場合、ウィンドウの左上が基準になります。親要素にstatic以外のプロパティが指定されている場合は、その親要素の位置が基
sorausa1124 2013/01/22
css

対策
リンク
1