2011-12-21 6 views
0

私はこの形式のhtmlを持っています。setAnchor()の呼び出し後、div要素はまだ空き領域を占めます(IEのみ)

<html> 
<head> 
... 
</head> 
<body> 
<label id='view' onClick="ShowMe()">show my name</label> 
<img src="home.jpg" width="800px" height="600px"/> 
<div id='name' style="display:none;height:200px">Your Name is DARSHAN</div> 
</body> 
</html> 

とJavaScriptで私はこの機能を持っている

ShowMe() 
{ 
var nameDiv=Ext.get('name'); 
var viewDiv=Ext.get('view'); 
nameDiv.setStyle('display','block'); 
nameDiv.anchorTo(viewDiv,"tr-br?"); 

} 
i「は名前」タグラベル、そのディスプレイ「私の名前を表示」をクリックすると、このことは、すべてのブラウザではなく、IEで正常に動作します

近くに私の名前を表示するだけでなく、垂直のスペースが 'name' Divタグで取り込まれ、スクロールバーが表示されます。どのようにそれを取り除く?

+0

を追加されました。それらのエラーとの運について話してください:) – PeeHaa

答えて

0

事務所の専門家の一人と話し合った後、私はこれを知るようになりました。

Divを1つの場所に定義し、anchorToを他の場所に定義すると、この問題が発生する可能性があります。アンカータグがどのように機能するかは、アンカーするdivの座標をとり、それに応じて新しいタグの上部と左を定義することです。だから、私たちは 'poistion'属性値を 'absolute'に定義していることを確認する必要があります。

だから私の問題の解決に `この事は、すべてのブラウザではなくIE`で正常に動作します

​​
1

インラインスタイルでは無効だこと「」

で分割され、CSSルールは、セミコロンで終了する必要が 『;』それは有効なHTML/CSS

+0

ねえ、私は実際のコードでそれを持っていない申し訳ありません! –

3

に来るとき

IEはかなりうるさいですどのようにこの仕事はできますか?このコードではエラーがたくさんあります。

あなたのスタイル属性値、ないコンマセミコロンがあるはずです:

<div id='name' style="display:none;height:200px"> 

タイプミスがあります - displaydispalyと呼ばれている。

また、setStyle関数とanchorTo関数は何ですか?彼らはどのような図書館ですか?あなた自身で書きましたか?さらに詳しい情報を提供してください。

EDIT:PPvGは、実際の作業/障害のあるコード(コピー&ペースト)のスニペットを提供してくださいタグにExtJSの

を追加していただきありがとうございます代わりに、手動で新しいコードを書きます。

+0

申し訳ありませんサンプルプログラムを書きました。実際のコードでは、実際のコードにこれらのエラーはありません。実際のプログラムでは、すべてのCSSは別のファイルにあります!実際のコードスニペットは少し複雑です。だから私はここに要約を書いた –

+0

タイトルを変更(承認待ち)。うまくいけば、Ext-JSの専門家があなたを助けてくれることを望みます:) –

+0

ありがとう..ああ期待している! –

関連する問題