1

我有一个 div，里面有两个按钮，有一个 jQuery 函数。在这个 IE 下显示相同的 div，但似乎没有任何内容。这是网址：http ://ht.io-web.com/home-%281%29 。如果你想看看它在 Crome 或 Firefox 中应该是什么样子，它只会在 IE 中再次发生这种情况。谢谢您的帮助。这也是代码：

<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（用于标识一个元素）更合适。

第 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 回答