2006年05月31日
【未解決】ブラウザーとコンテンツの幅について？
[ ＣＳＳ
]
ＣＳＳで固定幅２段組（メインコンテンツとサイドバー）のスタイルを指定した場合（例えば、この引越し関連ページ）、２段組を囲む幅とメインコンテンツ幅＋サイドバー幅との関係がブラウザーにより違い、２段組を囲む幅がある程度余裕がないとサイドバーが回り込んでくれないものがある。
どうして？
ＩＥ６．０（ＳＰ２）の場合は、「width」属性で指定する幅で考えれば、「float」属性で回り込むが、Ｎｅｔｓｃａｐｅ７．１や・Ｆｉｒｅfox５．０３では、２段組を囲む幅をある程度余裕をもった幅でないと回り込まない。
原因がわからない現状ではどの程度余裕を持たせれば良いのか判断できないため、少しずつ「width」の値を大きくしていって見て行くしかない。
なお、ＩＥには次のような標準的な仕様と異なる部分があるようであるが、上記のことはそれだけでは解決できない。
Windows版のＩＥ４．０～５．５と６．０の互換モードでは、「width」と「height」属性は本来ボックスの内部部分の幅や高さを設定するはずのものが、ＩＥでは枠線(border属性）と内容の周りの空間（padding属性）も含んだ領域の幅や高さとして設定されてしまう。⇒「HTML&CSS&JavaScript辞典」P.251より
投稿者 Yasuhiro : 2006年05月31日 01:44