今日のHTML

今日はIEのバグを解決する方法だけでひとつ記事を書いてみようと思う。

ソースは↓

<div id="RIGHT">
　<ul id="MENU">
　　<li><a href="#Head1">Head1</a></li>
　　<li><a href="#Head2">Head2</a></li>
　　<li><a href="#Head3">Head3</a></li>
　</ul>
</div>

aにpadding-left: 16px;を指定し、アイコンをbackground-imageで実装する。理由はlist-itemはpaddingやmarginの解釈にブラウザによって差があるから。

するとwin+IE5.0では「aタグのpaddingガン無視うぜぇwwww」となる。

解決するために、まずハックでIE5.0用の設定領域を用意する。

この問題はaタグをブロック要素化することで解決できるので、まずはdisplay: block;を設定する。

するとliによって用意される改行が余分になるので、liにline-height: 0;を設定する。

しかし解決せず。

このあと何をどうしたかは憶えてないけどとりあえず動くようになったとさ。



……ごめん嘘。憶えてるけど書くのがめんどくさい。ってか需要がなさそうなんだ。気になる人はコメントかなにかで。
win環境での動作は完璧。あとはLinux環境とmac、おまけでwiiか。

MAC版IE5といえば難攻不落の堅物ですからね。こいつを陥落させるのは不可能くせぇ。

＿＿＿＿＿＿＿

いまさら思い出したけど、数日中にメルアド変わります。変えてからも30日間は今のアドレスで大丈夫なはず。

＿＿＿＿＿＿＿

Σ とか書いてたら中日優勝してるーー！！
しかし５連勝で優勝とか予想しなかったぜ。
さっそくだが中日は日本一になれないという予想をしてみる。1勝3敗くらい？
根拠はない。