HOME » CSS

IEでコンテンツの内容が複製されるバグに悩む

先週から某企業のサイトの一部リニューアルをする仕事に追われ、徹夜が続いています助けて下さい(嗚咽)。納期が短く超特急でのコーディングを要求されているのを言い訳に、所々にレイアウトのためにtableを使ってしまいました…猛省。

そんな中、終わりの見えない仕事にナチュラルハイになりながらページを作成していたのですが、IE6で表示確認してみると、floatさせたコンテンツの内容が勝手に複製されて表示されるという怪現象にはまってしまいました。

(more…)

塩漬けになっていた”ぬかみそCSS”を揉み揉み

今や多くのHTMLコーダーの皆さんが、新規でサイトを作る際に各ブラウザが持っているデフォルトのスタイルをリセットしたり基本的なスタイルの設定をする、いわゆる”ぬかみそCSS”的な物を用意している事だと思います。

僕も2xup.orgさんのエントリー「スタイルシートを分けて管理する方法をまとめる」を読んだのがきっかけで、随分昔に”ぬかみそCSS”を作ったのですが、改変する事無くすっかり塩漬けになっていたので久々に手を入れてみました。

(more…)

IE6でaタグのブロック要素にマウスカーソルを反応させる方法

aタグをブロック要素にしてwidthとheightを指定すると、指定した領域にマウスカーソルが反応してくれるはずなんですが、IE6が反応してくれないという悩ましい状態に陥った事がありませんか?

このブログの右サイドのメニューが、まさにその状態だったりして…
メニュー部分のキャプチャー

(more…)

IE6で、listメニューに隙間が生じた際の対処法

休日を利用して、ブログのデザインを少し変えてみました。普段から「絵心は、おかんのお腹の中に置いてきた」と豪語(?)するぐらいデザインは苦手なんですが、デザインカンプに丸一日、コーディングに半日費やして、やっとリニューアルできました。

(more…)

WindowsXPでメイリオフォントが汚い状況

このブログのfont-familyにメイリオを指定しているのですが、WindowsXP+Firefoxの環境下ではエイリアスが効いていない、いわゆるジャギった感じでフォントが表示されていました。

今日、改善策を施してみたところ、結果は以下のキャプチャー画像のとおり一目瞭然。メインブラウザがFirefoxな自分には、嬉しい結果となりました。

フォントがジャギった状態 フォントが滑らかな状態

(more…)