1

jQuery関数を持つ2つのボタンを持つdivがあります。このIEの下には、同じdivが表示され、理由がないように見えるコンテンツはありません。URLは次のとおりです:http://ht.io-web.com/home-%281%29。繰り返しになりますが、これはIEでのみ発生します。これは、CromeまたはFirefoxでどのように表示されるかを確認したい場合に発生します。助けてくれてありがとう。コードも次のとおりです。

<div class="home-upper">
<h1>
Language Learning. <span>Simplified.</span></h1>
<div class="signup">
<div class="buttons">
    <span class="shaded"><a href="javascript:tgT()"><span class="green-button huge">Find Tutors</span></a></span><span class="shaded"> <img src="/HireaTutor/media/images/structure/or.png" class="or">&nbsp;&nbsp; <a href="javascript:tgS()"><span class="SignUpGreen huge">Sign Up </span></a></span></div>
<div class="sign-up white" style="display: block;">

        <table cellspacing="0" cellpadding="0" style="clear:both;padding-left:12px;" class="get-started">
            <tbody>
                <tr>
                    <td>
                        Full Name</td>
                    <td>
                        Email</td>
                    <td>
                        &nbsp;</td>
                </tr>
                <tr>
                    <td>
                        <input type="textbox" id="fullName"></td>
                    <td>
                        <input type="textbox" id="email"></td>
                    <td>
                        <a href="javascript:GetStarted();"><span class="green-button">Get Started</span></a></td>
                </tr>
            </tbody>
        </table>

</div>
<div class="find-tutors white" style="display: block;">
    <table cellspacing="0" cellpadding="0" class="find-tutors" style="display: table;">
        <tbody>
            <tr>
                <td>
                    I speak</td>
                <td>
                    <select id="spoken"><option>English</option><option>French</option><option>Spanish</option></select></td>
                <td>
                    and I'm learning:</td>
                <td>
                    <select id="learning"><option>English</option><option>French</option><option>Spanish</option></select></td>
                <td>
                    <a href="javascript:findTutor();"><span class="green-button">Search</span></a></td>
            </tr>
        </tbody>
    </table>
</div>
</div>
</div>
4

1 に答える 1

2

かなり大きなHTMLエラーがあります。そのような:

行103、列16:ID「head」はすでに定義されています
<div id="head">
「id」は一意の識別子です。この属性がドキュメントで使用されるたびに、異なる値が必要です。この属性をスタイルシートのフックとして使用している場合は、id(正確に1つの要素を識別するために使用される)よりもクラス(要素をグループ化する)を使用する方が適切な場合があります。

3行目、11列目:ここで最初に定義されたID「head」
<head id = "head">


行158、列17:ID「NavMiddle」はすでに定義されています
<li id = "NavMiddle">

行156、列17:ID"NavMiddle"が最初にここで定義されました>li id = "NavMiddle">


180行23列:ドキュメントタイプでは、ここで要素「スタイル」を使用できません

それらを修正してみてください。そうすれば、期待される動作が見られるようになるかもしれません。

于 2012-06-08T17:41:16.620 に答える