2009-08-14 15 views
0

のボタン上の画素シフト私は問題を説明してみましょう:私のWebアプリケーションのjqGridの表示の問題 - ポケットベル

様々なページは、そのタブページのいずれかにjqGridを表示するjQueryのUIのタブが含まれています。これらの各jqGridには、ナビゲーションバーにいくつかのボタン(Add、Editなど)があります。問題は、ユーザーがボタンの1つを移動すると、ナビゲーションバーの各ボタンのテキストが右に約1ピクセル、下に1ピクセル移動することです。

これはタブページ内のjqGridsでのみ発生します。アプリケーション内の他のグリッドのボタンはうまく機能します(IEの場合、ボタンの上を移動するとボタンのテキストは移動しません)。

readyイベントでjqGridを初期化するのではなく、最初にタブページが表示されたときにのみjqGridを初期化するためのコードをshow()イベントに追加しました。しかし、これは何の効果もないようです。

アイデア?

+0

問題を示すページを公開できますか? –

答えて

2

最後にこれをHTMLドキュメントタイプ定義の構文エラーにトラッキングした。 DTDは、そのURIがありませんでした:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 

ブラウザはURIが省略された場合は、古いブラウザでのレンダリングのバグをエミュレートする「癖」モードを使用しています。 Doctypeを以下に修正すると、ピクセルシフトが固定されました。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 

おそらく、他の誰かがこれを役に立つでしょう。これは私を夢中にさせていた!

0

jqgrid自体に問題がある可能性があります。私はグリッドの下のツールバー(ボタンの編集など)にボタンがあるようなピクセルシフトに気付いた。