2006年11月アーカイブ
CSSで痛い目にあったので勉強してきました。
http://blog.worldending.jp/archives/2006/07/css.php
BLOG×WORLD ENDING様。分かりやすくかかれてました＾＾
http://dragon.jp/column/archives/css_hack.html
Dragon.jp様。人気ハック記事が紹介されてました
バージョン6以下のIEには適応されず
html>body
そして一番俺に関係ありそうなmarginハック
margin:10px 10px
とやると、FFなどでは左右10pxずつなのだが
IE6では左右20pxずつ表示されるらしい。
たぶんこれだこれをなおせばいいんだ。
原因がわかったところでやるしかねぇ＾＾
IE開発者はハックを消せと言っているらしい。
だがIE6のシェアはしばらく残るので消さない
というのが普通の回答なようだ。
だが、開発者の意志どおり進むようで
今後の後でCSSが標準になったら崩れるから消してもいいらしい。
ハックで修正したら、また5年ほど時間空けばいいのだが
すぐ修正版とか出したら困るｗｗ
やっぱ、IE6は無視したいんですが。
それも無謀なことだねｗｗ
悩んでるのは皆同じのようです。
IE3.0,4.01,5.01,5.55,6.0を一気に導入できる
便利な物もあるらしいがまだみっけてませんｗｗ
あとIE6とIE7を共存させるには
どちらかのStandalone版を入れればいいようです。
これで無事にIE6を入手しました。
これで努力すればできる状況に
今日で決着をつけますｗｗ
たまにIE6しか起動しなくなったり
なんか不安定です。
http://blog.worldending.jp/archives/2006/07/css.php
BLOG×WORLD ENDING様。分かりやすくかかれてました＾＾
http://dragon.jp/column/archives/css_hack.html
Dragon.jp様。人気ハック記事が紹介されてました
バージョン6以下のIEには適応されず
html>body
そして一番俺に関係ありそうなmarginハック
margin:10px 10px
とやると、FFなどでは左右10pxずつなのだが
IE6では左右20pxずつ表示されるらしい。
たぶんこれだこれをなおせばいいんだ。
原因がわかったところでやるしかねぇ＾＾
IE開発者はハックを消せと言っているらしい。
だがIE6のシェアはしばらく残るので消さない
というのが普通の回答なようだ。
だが、開発者の意志どおり進むようで
今後の後でCSSが標準になったら崩れるから消してもいいらしい。
ハックで修正したら、また5年ほど時間空けばいいのだが
すぐ修正版とか出したら困るｗｗ
やっぱ、IE6は無視したいんですが。
それも無謀なことだねｗｗ
悩んでるのは皆同じのようです。
IE3.0,4.01,5.01,5.55,6.0を一気に導入できる
便利な物もあるらしいがまだみっけてませんｗｗ
あとIE6とIE7を共存させるには
どちらかのStandalone版を入れればいいようです。
これで無事にIE6を入手しました。
これで努力すればできる状況に
今日で決着をつけますｗｗ
たまにIE6しか起動しなくなったり
なんか不安定です。
また改装してます。(爆)
もう疲れました。IE6.0嫌いです。ハックわかんね
floatのズレ直してもう後は無理です。
こればっかりはハック分かる人しかできなさそうです。
ありがとうございました。手元にねぇしよー
ずっと、全ブラウザチェックできるツール？
で1ページみるのに20分くらいかかってましたorz
多少のズレはもうしょうがないってことで
早くビスタになって標準搭載になればいいんだよー
＞＞発見された問題点とやった対応
外枠無いの要素に横paddingを設定
widthとpaddingの他ブラウザとの解釈の違いによると推測
IE7.0では100%表示されているが
IE6.0ではpadding分あいている。
・外枠のpaddingを0pxにする→効果無し
やはり内要素になんかしないとダメらしい
floatした場所において
floatしたdivの内要素にmarginをかける。paddingバグのため
なぜか、外divもIE7.0とは違う位置にきていて
ボックスを圧迫。floatが窮屈になる。
・margin減らしてなんとか治めたが窮屈になる
後は、上の横ulをロールオーバーさせる。
あと修正･修飾かけて完成予定。
IE6.0以外の大半のブラウザはクリア。狐とかオペラとか
h3の部分がそっけないのでなんかする。灰色グラデだからな
borderの色をかえたりする。
h2はパンクズリンク予定。でもそんな深くならない気がする
どうも過去互換モードとかになって
marginも解釈が違うらしい。
widthとpaddingしか知らなかったよう。
そこでハックなのだが、IE6のハックって
みつからなかったんですが･･･
どうすれば？
FFのul初期padding40みたいにわかりやすいといいんですが
どうなんでしょう？
これゲームどころじゃないよまったくｗｗ
やっぱりここは、IE7を普及させるしか(爆)
もう疲れました。IE6.0嫌いです。ハックわかんね
floatのズレ直してもう後は無理です。
こればっかりはハック分かる人しかできなさそうです。
ありがとうございました。手元にねぇしよー
ずっと、全ブラウザチェックできるツール？
で1ページみるのに20分くらいかかってましたorz
多少のズレはもうしょうがないってことで
早くビスタになって標準搭載になればいいんだよー
＞＞発見された問題点とやった対応
外枠無いの要素に横paddingを設定
widthとpaddingの他ブラウザとの解釈の違いによると推測
IE7.0では100%表示されているが
IE6.0ではpadding分あいている。
・外枠のpaddingを0pxにする→効果無し
やはり内要素になんかしないとダメらしい
floatした場所において
floatしたdivの内要素にmarginをかける。paddingバグのため
なぜか、外divもIE7.0とは違う位置にきていて
ボックスを圧迫。floatが窮屈になる。
・margin減らしてなんとか治めたが窮屈になる
後は、上の横ulをロールオーバーさせる。
あと修正･修飾かけて完成予定。
IE6.0以外の大半のブラウザはクリア。狐とかオペラとか
h3の部分がそっけないのでなんかする。灰色グラデだからな
borderの色をかえたりする。
h2はパンクズリンク予定。でもそんな深くならない気がする
どうも過去互換モードとかになって
marginも解釈が違うらしい。
widthとpaddingしか知らなかったよう。
そこでハックなのだが、IE6のハックって
みつからなかったんですが･･･
どうすれば？
FFのul初期padding40みたいにわかりやすいといいんですが
どうなんでしょう？
これゲームどころじゃないよまったくｗｗ
やっぱりここは、IE7を普及させるしか(爆)
