Simple Tags

float を使って段組みのレイアウトにしているとき、印刷がおかしくなることが多々あります。
というか、おかしくならないことの方が多い。
というか、float を使ってなくてもおかしくなることの方が多い。
（特に、IE6、IE7、IE8、Firefox あたり）

そんなとき、こんな印刷用 CSS を作っておいたら解決するかもよ！ 的な内容です。
続きを読む

珍しく Firefox のバグです（だと思います）。
あえて「解決法」ではなく「対策」としたのは、解決したかどうか定かではないからです。
つまり、「よく分からんけど、とりあえずうまくいってるっぽい」と。

発生した現象はタイトルの通りですが、テーブルに設定した線が、Firefox で見てみると表示されたりされなかったりするのです。
「されたりされなかったり」とは言っても、表示のたびに結果が変わるということではなく、再現性はあります。
ただ、文字サイズを変えたり行間を変えたりパディングを変えたりすると、表示される線と表示されない線が違ったりするということです。
色々な数値を微調整していけばすべての線がちゃんと表示されるポイントがあるかも知れませんが、環境が異なればまた結果も変わってくるでしょうし、根本的な解決にはなりません。

というワケで、色々試した結果、以下のような方法に落ち着きました。
かなり無理矢理ではありますが、今のところ正常に（？）表示されています。
続きを読む

ひょっとしたら定番ネタかも知れないのですが、ググってみても情報が見当たらなかったのでとりあえずメモ。

IE6 で float を使ったレイアウトをしているとき、文章の末尾（最後の2文字くらい）が変なところに表示されるということがあります。
どう変かというと、末尾の文字をそのままコピーしてはみ出たような、そんな感じです。
もちろんソースにそんなものは含まれていません。
JavaScript や PHP なんかを使っている訳ではなく、純粋に HTML と CSS のみでもこのような事象が起こります。
続きを読む

先週の英語版に続いて日本語版が正式にリリースされました。
（相変わらずダッシュボードのメッセージは環境によって出たり出なかったりするんですけど）

とりあえずテスト用の環境でアップグレード。
ちょちょっと触ってみた感じでは、かなり使いやすくなってますね。
前バージョンに比べると格段に。軽くて早いし。
メニューがドロップダウンになったり小さく格納できたりするのは、個人的には一番嬉しいところかな、と思います。

で、中身で変わったところってないんですかね？
何か一覧表みたいなのがあれば分かりやすいんですが。
公式ブログに書かれているのはインタフェースのことばっかりで、機能的なことはイマイチよく分からん状況。
ドキュメントはまだまだ未整備だし。
（管理面ばっかりのバージョンアップというなら、それはそれで良いんですけど）

ただ、これから色々バグも見つかるだろうし、プラグインの対応状況も未知数。
ちゃんと使えるようになるまで、しばらく様子見かなー。

関連記事

• WordPress | 日本語 » WordPress 2.7 日本語版リリースのお知らせ

続きを読む

ときどきWindowsのIEで、文字が数ピクセル欠けて表示されることがあります。
その原因の一つが、floatとline-heightを一緒に指定していること。

とりあえず同じ要素に指定しなければ発生しないので、line-heightを親要素に指定するなどの方法で回避できます。
%やemなどの単位を付けずに、line-height:1.2;というふうに数値のみで指定すれば解決することもあるそうですが、別々に指定する方が確実だと思います。
いちいち検証する手間も省けますし。

原因はおそらく、floatした要素を表示する範囲は前に（別の箇所で）指定されたline-heightのままで、中身の文字だけに新しく指定したline-heightが効いてしまってるんだと思われます。
例）全体にline-height:150%を指定して、floatした要素にline-height:100%を指定した場合、表示範囲は150%で文字だけが100%なので、上にずれて表示されてしまう（＝文字の上側が欠ける）。

あくまで推測ですけど。