2011-01-13 31 views
8

on this page IE 8には、有名なファントム要素のバグがあります。私は隠れた入力(現在)浮動要素(存在しない)とHTMLコメント<!--...-->(現在)を含む、これを引き起こす可能性があるすべての可能なものを2日間研究しました。 ie_phantom_fucking_elementInternet Explorer 8重複divバグ

「ファントム要素」は、ログインdivと「ny kunde」ボタンの間のグレーのdivです。

これを表示しようとすると、IE開発ツール(F12)は選択も表示もできません。私はそれがIE8のレンダリングの問題のためだと信じています。

これらを削除してもまったく役に立ちませんでした。さらに、フォーム検証のために隠された入力が必要であることは明らかです。

この電子商取引ソリューションではの有効性は確認されていません。

私が考えることができるすべての解決策を使い果たして、まだ存在しています。

誰にも提案はありますか?私はこのように変更した場合

<input type="hidden" name="return" value="/checkout/selectAddress" /> 

</form> 
</div> 

<input type="hidden" name="return" value="/checkout/selectAddress" /> 

</div> 
</form> 

はその後、問題が解決される

感謝:)

+0

何を開けていない 要素「形」の終了タグを正確に "幻の要素"ですか?スクリーンショットを投稿するためのケア? –

+0

あなたの喜びのために、新しいスクリーンショットで編集しました。 :) – Kyle

+0

要素検査官は何を言っていますか? –

答えて

6

ライン348で開始され、このコードがあります。

あなたのHTML(からものを取り除く)を簡素化:

<div id="user-wrapper"> 
    <form action="/user/doLogin" method="post" id="loginForm" /> 
    <div id="user-kundelogginn"> 
    </form> 
    </div> 
</div> 

あなたは明確にformタグがdivの内側に閉じられていることがわかります。

これをどのように把握しましたか?

私はこれで右のトラックに私を得たW3C Validatorを、使用:

ライン350、列7:

+1

私もバリデータを使用しましたが、このパッケージは非常に多くのエラーをスロー私はそれを逃したと思います!ありがとう:) – Kyle

+1

同じ問題が2年後にランダムなGoogle社員から大きな感謝です! – einav

関連する問題