数日前になんとなく デザイン変えたい! と思い立ったので、 無貌断片のデザインを大幅に変えてみました。
今まではわりと CSS とかでも勧告されている標準仕様しか使ってなかったのですが、
今回はborder-radius
をバリバリ使ってみました。
よってこのサイトでは、
- Windows 版 Firefox 3.6.3
- Windows 版 Safari 4.0.5
- Windows 版 Opera 10.51
- Windows 版 Google Chrome 4.1.249.1045
の環境に順ずる環境でしか正しく表示されません。 まあそれでも CSS を正しく実装しているブラウザではそれなりに表示されると思います。
ところで今の無貌断片、俺が Twitter でファッキンブラウザ と評して
- mayoibi さんが大うけした Internet Explorer 6 ではキチンと表示されません。
border-radius
が効かないだけだろ?と思って侮ることなかれ、
今回はなんと IE6 の原因不明のバグをふんずけて、見るも無残な表示になってる YO☆
ちなみにどう表示されるかはまあ IE6 で見れば一発なんですが、環境を持ってない人に向けて書くと、
記事一覧の二番目から色々なパーツにborder
なのかoutline
なのか良く分からない点線が要素下部に表れ、
それが画面下部に行くほど太くなる、というまたわけのわからんバグです。
僕はこのバグに抵抗すべく、症状が表れた要素にborder : none ;
やoutline-width : 0 ;
等を指定してみましたが、
まったく効果は無く、どうしようもないと判断して放置する事に決めました(ぉぃ
だって、ゴッゴル先生にお伺いしてもちっともヒットしないんだもの。
まあ IE6 なんていう旧世代のファッキンブラウザ使ってる人は、 このサイトを見るのをあきらめるか、または CSS をきちんとサポートした最新のブラウザに乗り換えてください。 僕にはこのバグの解決法が分かりません><
まあそんなこんなでファッキンブラウザ以外の方は、新しいデザインをお楽しみください。