2009-08-26 11 views
3

私はdivを100pxの固定サイズで持っています。 scrollWidthscrollHeightは、divのテキストが正常であれば正しく動作します(1行を完全に埋めるのに十分な長さはありません)。ただし、1ワードのテキストが100pxより広くレンダリングされると、問題が発生します。IEとFirefoxがdivの異なるオーバーフローディメンションを返すのはなぜですか?

のテキストは「ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890」のようなものであるとしましょう:その後、Firefoxは間違っscrollWidthdivがあふれているにもかかわらず、実際の幅と同じであり、この場合は100を、)を返します。しかし、IEは正しいscrollWidth(この場合は180)を与えています。

Firefoxで正しいscrollWidthを手伝ってください。申し訳ありませんが私の質問が曖昧に見える場合。

答えて

6

divoverflow:hiddenまたはoverflow:autoスタイルのセットがあることを確認してください。 overflow:visible(デフォルト)の場合、FFはscrollWidthとして計算しません。をスクロールすることはありません(テキストはすべてレンダリングされます)。

IEで観察された動作は、実際にはa bug in that browser's implementationoverflow:visibleに起因しています。

0

私はFirefoxのバグだと感じました。IEのw3スクロール幅はオーバーフローを含めて(パディング右+パディング - 左+コンテンツ幅)です。 FirefoxとFirefoxの正しい値は次のとおりですが、Firefoxでは正しく表示されません。

http://jsfiddle.net/vdua/Fungh/16/

関連する問題