nyantarou and css box model004

file name :html0006.html And :data-css/0006.css
import model

**********************************
<style type="text/css" media="screen">
                   @import "data-css/0006.css"; 
</style>
**********************************

乱暴な 結論 なにもせず ブラウザ (UA) に お任せ定食 としよう

此れ以降 読む必要なし 対策は 無効 当分の間は 模様眺めとする。あくまで も IE 5 系統 ウインドws 関連の もののようであり XP IE 6 系統では 対策に ならないようである。また Mac 系の IE 5 系統の 対策にも ならないようで ある。あくまで にゃんたろうの 考えであり 正しくは ないが！

幅方向に ついて 見てきましたが、残念な事にこれらの対策は縦方向にも必要であり且つその塊 毎にも（必要）ひつようとなる点である。これらを考慮する事は繁雑になるが、しかたが 無いのであろう。今回は Opera対策も含めて記述するが（勿論ゑーブからのパクリである。）残念 ながら”Opera対策”の 検証はしていない（環境上できないので）パクリの部分 を引用する。これらは塊が各々の場合があるが今回は#Headerである。

#Header {
	margin:50px 0px 10px 0px;
	padding:17px 0px 0px 20px;
	/* For IE5/Win's benefit 
height = [correct height] + [top padding] + [top and bottom border widths] */
	height:33px; /* 14px + 17px + 2px = 33px */
	border-style:solid;
	border-color:black;
	border-width:1px 0px; 
/* top and bottom borders: 1px; left and right borders: 0px */
	line-height:11px;
	background-color:#eee;

/* Here is the ugly brilliant hack that protects 
IE5/Win from its own stupidity. 
Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it. 
IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style 
declaration. The incorrect IE5/Win value is above, while the correct value is 
below. See http://glish.com/css/hacks.asp for details. */
	voice-family: "\"}\"";
	voice-family:inherit;
	height:14px; /* the correct height */
	}
/* I've heard this called the "be nice to Opera 5" rule. 
Basically, it feeds correct length values to user agents that exhibit 
the parsing error exploited above yet get the CSS box model right and 
understand the CSS2 parent-child selector. ALWAYS include a 
"be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
body>#Header {height:14px;}

さすればこれらを考慮したものと考慮しないものを比較してみよう

左は考慮なし、右は 考慮したものを提示したものである。

これまでの結果を XP と e-Mac で 見た結果は 散々であるどうも効果は望 めないようである。
とりあえず対策ということで施しておくことは あまり 現実 的ではない。
見た感じでは幅に関しては 対 e-Mac IE5 系列に対しては有効であるが 縦方向に対しては有効とは考えられない
XP に関して IE６ 系列に対しては幅方向は散々であり 縦方向に付いてはやや有効のようである。つまり縦方向に対しては和ジーラーで見ると縦方向はかなり幅が異なりますが XPで 見るとかなり上下の長さは揃って見える。
一方幅方向に関してはe-Mac の 場合わりと良好にみえる。
どちらにしても残念 ながらうまくはいかない。
方針としては細かい制御は諦めることで考えてゆこう 現状での考え方2004年10月18日 (月) 23:06:37 JST現在
あと Opera 対策も 必要 となるようです。これも同様に対策は行わない（現状では 確認出来ないので） という方針でゆこう
また、XPが png の 透明をサポートしていないのは、ネットワークの世界を色々見た感じではどうも事実らしいので避けられれば避けておこう。こういう感じでアバウトに設定していくしかないであろう。

  繰り返しますが なんも しない という 方針です