IE5でもココログのレイアウトを崩さない方法

現在のココログをIE5.xで閲覧すると、いくつかのスタイルとレイアウトの組み合わせにおいて、本来右にあるべきサイドバーが下に来る、などといったレイアウト崩壊が発生する場合がある。

これは、スタイルシートの width および border の実装の違いによるものである。

例えば、「両サイドバー付」レイアウトを使用し、#container { width: 800px; border: 1px solid; } の指定にしてある場合のブラウザの動作は、以下のようなイメージになる。
＃前提として、#left / #center /#right の border は 0px あるいは設定無し。

【IE6・NN6/7のWidth属性】

【IE5のWidth属性】

見てのとおり、左右のボーダーの１ピクセル×２＝２ピクセル分を、枠の外にカウントするか中にするかの違いがある。
信じられない人は、このような定規ツールや、[PrintScreen] 後ペイントなどのソフトに貼り付けて、確認してみるといい。

これを防止し、IE5でも正常にするためには、以下のようなスタイル指定をもぐりこませればよい。

<style type="text/css"><!-- #container { width: 802px } --></style>

具体的には、「トップ > ウェブログ一覧 > ウェブログ名 > 設定 > ウェブログの基本情報」の中の「ウェブログのサブタイトル（キャッチフレーズ）：」の中にでも追加しておけばよいだろう。
スタイルは通常、ココログ保存ディレクトリの styles.css に書き込んであるが、ソース中の <link rel="stylesheet"> よりも後の方に上記のような指定があれば、そちらが優先されることになる。

実際にこれを適用し、どうやら問題解決しているサイトを紹介する。ソースを見てもらえればわかるだろう。
BLACK LAY
あるふれっどの館

---

各スタイルおよびレイアウトの組み合わせにおいて、実際に #container の width に指定すればよい値は以下の通り。 背景が黄色のところが、指定を必要とする値である。背景が白のものは、もともと border 指定がないので、特にいじらなくても問題なく動作する。

あくまで、2004/02/17 の調査結果であるので注意。
（2004/03/09 に更新）
（2004/03/10 にも更新）

	左サイドバー付	右サイドバー付	両サイドバー付
あゆ	702	702	902
さくら	700	700	900
アメジスト	700	700	900
エレガンス	600	600	800
カナリア軍団	700	700	900
カフェオレ	700	700	900
クリスマス 緑	602	602	802
クリスマス 赤	602	602	802
クール	702	702	902
サーフ	700	700	900
システム	602	602	802
タイプパッド風	600	600	800
ダンディ	700	700	900
トマト	702	702	902
ハロー	702	702	902
パプリカ	700	700	900
パール	702	702	902
ビジネス	702	702	902
プレッシャー	700	700	900
ボックス カーキ	600	600	800
ボックス グリーン	600	600	800
モノトーン	702	702	902
ライン ネイビー	602	602	802
ライン ワイン	602	602	802
ルージュ	600	600	800
和風	702	702	902
専用	700	700	900
山手線	702	702	902
春	-	-	-
清流	702	702	902
無地	700	700	900
＠nifty 1	600	600	800
＠nifty 2	600	600	800
Ｍ▲ＴＲＩＸ	602	602	802

[2004/03/09] チェックしてみたら、清流だけstyles.css内の数値が修正されていた。何が起きてる？
[2004/03/10] 昨日更新したばかりなのに、今日またスタイルが10個も増えた。…増えるのはいいんだけどさァ;´д｀

なお厳密には、border だけでなく padding や margin の指定も考慮に加える必要があるが、現在のところ用意されているすべてのスタイルにおいては、#container { padding: 0px } となっているので影響はない。
自分で #container の padding を追加したり、#left / #center / #right の margin を追加したり、border を太くしたりといった場合や、将来的に用意されるスタイルが変更された場合などには、適宜に数値を変更して欲しい。

---

なお、この件については@niftyの方にも連絡したところ、「一度Internet Explorer 6にバージョンアップをされてから、再度レイアウトをお試しいただければと存じます。」との回答をいただいた。 呆れるほかない。 @niftyには再度、以下のようなメールを投げた。さて、回答は来るだろうか。

→[2004/2/22] 回答が届いた。

１．IE6以上推奨であることは、コンテンツ作者には提示されている情報だが、閲覧者には提示されていない。 →「ココログ」アイコンの下にでも自動的に追加していただけるなら幸いです。あるいは、作者に個々に記述させるようマニュアルに記載しておくなど。 ２．ココログを利用するコンテンツ作者としては、多くの人に読んでもらいたいという基本的姿勢がある。 →今回の件は、同じくココログで件のスタイルを使用している友人２名より「レイアウトが崩れると閲覧者に言われる」との報告を受け、調査した結果を元にした要望であり、私個人のIEが5.xか6.xかはそもそも問題外でした。 （私個人は両方を用意しており、Web開発時のチェックに使用しています。） なお、IE6.1でも同様なレイアウト障害が出ているとの報告も受けております。 もとより全ブラウザ対応を望んでいるわけではありません。システム開発側の苦労も承知しております。 その上で、可能ならばバランスのよい対応策をご考慮いただきたいと願っております。 システム側で対応できないということであれば、せめてスタイル指定（style.cssの編集許可、あるいは<style>タグの追加など）の自由度を上げるなどの方針について、協議していただきたいと思います。