2011-11-14 44 views
1

我得到了下面的代码和即时通讯使用twitter引导。Div在IE(Twitter Bootstrap)

<div class="span10"> 
    <div class="span2">@Html.Label("lblUsername", "Username : ")</div> 
    <div class="span7"> 
     @Html.TextBoxFor(x => x.Username) 
    </div> 
    @Html.ValidationMessageFor(x => x.Username) 
</div> 

<div class="span10"> 
    <div class="span2">@Html.Label("lblPassword", "Password : ")</div> 
    <div class="span7"> 
     @Html.PasswordFor(x => x.Password) 
    </div> 
</div> 
<div class="span10"> 
    <div class="span2">@Html.Label("lblName", "Name : ")</div> 
    <div class="span7"> 
     @Html.TextBoxFor(x => x.Name) 
    </div> 

</div> 
<br /> 
<div class="span10"><input type="submit" value="Submit" /></div> 

它在Chrome和IE中显示的方式是不同的,任何人都可以告诉我为什么?您可以检查图像的下方,不知何故在文本框中的div下降到下一行IE 9

Comparison

+1

IE是在怪癖模式?按F12调出开发工具进行检查。 – thirtydot

+1

看起来像IE忽略浮游物。你的CSS是什么? – easwee

+0

嗯奇怪,我添加了这个(<!DOCTYPE html PUBLIC“ - // W3C // DTD XHTML 1.1 // EN”“http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd”>)在我的网页顶部,现在它工作。是的,是怪癖模式的问题,谢谢@thirtydot – kekewong

回答

5

我猜这个..

是IE的怪癖模式?按F12调出开发工具到 检查。

由于元素的显示方式,它看起来像Quirks Mode给我。

就你而言,问题在于你没有有效的文档类型(例如<!DOCTYPE html>)作为第一行。