Html 为什么IE会破坏我的页面？

我有一个为我们城市网站构建的简单页面。Firefox和chrome很喜欢它。。。我把它打碎了。 我在W3School tryit编辑器中尝试了我的代码，结果很好。 网页地址为：

下面是违规代码：

<table cellpadding="4" cellspacing="1" style="text-align: justify; width: 100%; " align="left">
<tbody>
    <tr>
        <td style="text-align: left; vertical-align: top; width: 350px; ">
        <div style="text-align: center;"><span style="line-height: 17px; text-align: -webkit-auto; background-color: rgb(255, 255, 255); "></span></div>
        <span style="line-height: 17px; background-color: rgb(255, 255, 255); "><b style="LINE-HEIGHT: 17px; BACKGROUND-COLOR: rgb(255,255,255)">ADULT KARATE
        FOR ALL AGES &amp; SIZES!</b><br style="LINE-HEIGHT: 17px; BACKGROUND-COLOR: rgb(255,255,255)">
        <br>
        This is the
        chance you&rsquo;ve been waiting for to get healthy and more active!</span><br style="LINE-HEIGHT: 17px; BACKGROUND-COLOR: rgb(255,255,255)">
        <br style="LINE-HEIGHT: 17px; BACKGROUND-COLOR: rgb(255,255,255)">
        <span style="line-height: 17px; background-color: rgb(255, 255, 255); ">The McClure Style
        of TaeKwonDo specializes in safe, affordable, quality training for all adults,
        regardless of age, experience, or fitness level. All are welcome!</span><br style="LINE-HEIGHT: 17px; BACKGROUND-COLOR: rgb(255,255,255)">
        <br style="LINE-HEIGHT: 17px; BACKGROUND-COLOR: rgb(255,255,255)">
        <span style="line-height: 17px; background-color: rgb(255, 255, 255); ">Our Black-Belt
        Instructors tailor all classes to meet your specific needs and skill
        level:</span><span style="line-height: 17px; background-color: rgb(255, 255, 255); "> </span><span style="background-color: rgb(255, 255, 255); text-align: -webkit-auto; line-height: 17px; ">
        </span></td>
        <td style="border-top-style: solid; border-top-width: thin; border-top-color: rgb(44, 75, 129); border-right-style: solid; border-right-width: thin; border-right-color: rgb(44, 75, 129); border-bottom-style: solid; border-bottom-width: thin; border-bottom-color: rgb(44, 75, 129); border-left-style: solid; border-left-width: thin; border-left-color: rgb(44, 75, 129); background-color: rgb(229, 225, 226); width: 205px; text-align: left; vertical-align: top; ">
        <div style="text-align: left;"><span style="font-weight: bold; line-height: 17px; color: rgb(128, 104, 39); ">Contact</span></div>
        <span style="line-height: 17px; background-color: rgb(229, 225, 226); ">
        <span style="line-height: 17px; background-color: rgb(229, 225, 226); ">Tommy Nicholson,
        Instructor<br>
        <div>Ph:
        770-942-0018<br>
        <br>
        Denver Thompson, Instructor<br>
        770-595-1245</div>
        </span>
        <div class=""><br>
        <b>Hunter Park Community Center</b></div>
        </span><span style="line-height: 17px; text-align: left; ">
        8830 Gurley Road<br>
        Douglasville, Ga 30134<br>
        To sign up call 770-920-3007<br>
        </span></td>
    </tr>
    <tr>
        <td style="text-align: left; vertical-align: top; " colspan="2">
        <ul>
            <li><span style="line-height: 17px; ">Self-Defense Training</span></li>
            <li><span style="line-height: 17px; ">Fitness, Flexibility, Coordination, &amp; Balance Training</span></li>
            <li><span style="line-height: 17px; ">Rank Advancements at Your Own Pace</span></li>
            <li><span style="line-height: 17px; ">Advanced Training in TaeKwonDo and Hapkido for Experienced Skill Levels</span></li>
        </ul>
        </td>
    </tr>
    <tr>
        <td style="text-align: left; vertical-align: top; " colspan="2">&nbsp;
        <table width="100%" cellpadding="2" cellspacing="1">
            <tbody>
                <tr>
                    <td style="text-align: left;width: 280px; vertical-align: top; "><b>Adult Classes</b><br>
                    Registration: Every Tuesday (ongoing)<br>
                    <br>
                    Classes: Tuesdays, 7:30-8:30pm<br>
                    Cost: $50.00 per month<br>
                    <br>
                    </td>
                    <td style="width: 280px; text-align: left; vertical-align: top; "><b style="text-align: left; "></b><b>Karate for Kids</b><br>
                    Registration: Winter Classes begin Tuesday, <span class="Apple-tab-span" style="white-space: pre; ">            </span>November 15, 2011<br>
                    Classes: Tuesdays, 6:30-7:30 pm<br>
                    Cost: $60.00 per month for 8 week course<span style="text-align: -webkit-auto; "></span></td>
                </tr>
            </tbody>
        </table>
        </td>
    </tr>
</tbody>

成人空手道
适用于所有年龄及；尺码



这是
您的机会；I’我一直在等着变得健康和更积极



麦克卢尔风格
跆拳道协会专门为所有成年人提供安全、实惠、优质的训练，
无论年龄、经验或健康水平如何。欢迎大家



我们的黑带
讲师根据您的具体需求和技能定制所有课程
级别：
接触
汤米·尼科尔森，
讲师

酸碱度：
770-942-0018



丹佛·汤普森，讲师

770-595-1245


亨特公园社区中心
古利道8830号

佐治亚州道格拉斯维尔30134

要注册，请拨打770-920-3007


自卫训练
体能、灵活性、协调性和；平衡训练
按照自己的进度对进步进行排名
跆拳道和合气道高级培训，以获得经验丰富的技能水平

成人班

注册：每周二（进行中）



课程：周二，晚上7:30-8:30

费用：每月50.00美元



儿童空手道

注册：冬季课程于2011年11月15日星期二开始

课程：周二，下午6:30-7:30

费用：8周课程，每月60美元

---

您使用的是IE7 doctype，因此您的页面将使用IE7的渲染引擎显示。为什么不使用IE9 doctype，例如：

<!DOCTYPE html>

编辑：当然，您希望它在IE7中正确显示，因此您仍然希望修复该问题。在“儿童空手道”的牢房里，你有一个空白：pre。这导致了你的问题。最简单的修复方法是在其前面插入一个

---

---

也就是说，您的页面使用了一些与web设计最佳实践相反的布局技术。您使用表来控制布局和显示，至少可以说，这是不赞成的，但具有讽刺意味的是，您没有使用表来显示页面上的表格数据。我也特别不愿意把页脚城市标志图像分割成一半。

因为发现了一些问题，你应该认为只有IE没有正确地显示页面才是幸运的。验证器还提供了有关如何解决问题的信息。

什么意思，打破它？IE中的菜单跳得比它应该的低了一点？通过适当的缩进可以更容易地发现问题。因为是microsoft制造的，broNot确实与您的问题有关，但是如果您通过删除内嵌样式来清理标记，不仅会更容易阅读，而且将来更容易维护。这甚至没有涉及到在布局中使用桌子的问题，这可能会让未来的维护成为一场噩梦。9是我得到的，并展示了wierd。底部的表格是什么样的JumbleIt的所有正在建立一个专有的后端编辑器从公民加。我可以做代码或所见即所得。我制作了表格，然后在最后一个单元格中插入了一个较小的2单元格表格。chrome和firefox可以很好地渲染它，而IE会杀死它，然后传播其他所有东西out@NathanTodd-最简单的修复方法是在span前插入一个

，并使用

空白：pre

。请参阅我的最新答案。