CSSでbodyに設定した背景画像がIEでずれる怪
またしてもIE。おのれIE。 バグ多すぎだよ、アナタ(￣▽￣; CSSでbodyに背景画像を中央揃えで設定すると、IEでは左に1pxずれます。 safariやFirefoxではずれないので、またしてもIEお得意の「バグ」です。 IEを優先して調整したりすると、正しく描画しているsafari&Firefoxがずれます・・ダメすぎるよIE。...
View Article標準モードのCSSで高さ100%のボックスを可能にする方法。
サイト制作の際、ボックスを高さを100%にしてブラウザの下端へ合わせたい事がある。 Copyright表記なんかは特にそうしたいが、標準モードでCSS制御をする場合、ボックスの高さを100%に指定してもうまくいかない。 標準モードの場合、ボックスの高さは中に入る文章量などに依存する。 そのため、手っ取り早く高さを100%にしたい場合は、互換モードを使用すればいい。 しかし、だ。...
View ArticleSafari3も背景がずれる・・。
以前「 CSSでbodyに設定した背景画像がIEでずれる怪」と言うアイテムをエントリーしていたが、それの後日談。 safariでも背景がずれる。 ・・・最低である。safariもずれるとは。 原因はIEと同じで、「ブラウザウインドウの幅-bodyに指定された背景幅=奇数サイズ」になった時にずれるらしい。1pxずつブラウザ枠を動かすとずれたりずれなかったりするので間違いないだろう。...
View ArticleIE6で文字が二重表示される怪。〜次から次へとIEめ。
はあはあ・・・ 今日はバグつぶしの日ですか・・。(￣▽￣; さて。 IE6の場合。コメントが二重に表示されることがあります。 ——————– リンゴあります。 ——————– で終わっている文章があるとする。 なのに、IE6様で見ると、 ——————– リンゴあります。 あります。 ——————– ・・・「あります。あります。」って・・。(￣▽￣;...
View ArticleMac FireFox3も背景がずれる・・・。
CSSでbodyに設定した背景画像がIEでずれる怪・Safari3も背景がずれる・・。で、IEとSafariの困ったバグの話をしましたが、今回はFireFoxです。それもMac限定。orz….。 MacFireFox3もFireFox2とは違い背景ずれます。 なおWindows FireFox3ではこのバグはない模様。...
View ArticleIE6で文字が二重表示される怪。その2〜そして24時間戦った
以前「IE6で文字が二重表示される怪。〜次から次へとIEめ。」と言う、ウラミブシなエントリーを上げたことがある。 ウラミたくもなる。 IE6には色々なバグがあるが、最近一番「コノヤロー」なバグはこれだ。 floatとfloatの間にコメントを入れると、一番最後にfloatしたコンテンツの一番下のテキストが重複表示されるのだ。...
View ArticleClik here to view.
IEでのリストタグのバグ
よくやってくれます。IE。 今回はリストタグに関するバグです。 [cc lang=”css”] [/cc] とか [cc lang=”css”] [/cc] という、よく使うアレです。 今回遭遇したのは、リストが連番にならない。つまり「1.」がずっと続くバグです。 画像を見て分かるとおり、全て「1」。リストになっていません。 これは、CSSでolやliにwidthの指定を行った時に出るバグです。...
View ArticleClik here to view.
恐怖！！WordPressで「"」や「'」などのクォーテーションが勝手に全角になる怪。
夏も近いと言うことで、タイトルもホラー漫画っぽくしてみました。(￣▽￣*) 先ほどの画像を使わなくても意図したフォントが表示できる-Google Font API-を書いているときに出会ったバグです。 左側のダブルクォーテーションが全角に変化しています。 回避法は非常に簡単。 WordPressのphpファイルの一部分を修正すれば解決します。 /wp-includes/formatting.php...
View ArticleIEでposition: absoluteがうまくできない。
突然だが、私はpositionを指定するのが苦手だ。 でも、どうしても使いたい時がある。 それで使ってみるとIE6+IE7 VS Firefox+safariになる。 Firefox+safari+IE8で確認すると、意図する場所ボックスが移動しているのに、IE6+IE7は全然違うところにある。 おおおーーいぃぃぃぃ・・・。orz.. 検索した結果、親要素に100%を指定すると問題は解決する。...
View Article
