Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html IE8浮动问题再次出现 上下文_Html_Css_Internet Explorer 8_Css Float - Fatal编程技术网

Html IE8浮动问题再次出现 上下文

Html IE8浮动问题再次出现 上下文,html,css,internet-explorer-8,css-float,Html,Css,Internet Explorer 8,Css Float,在我的标题中,我想将我的小登录菜单“login”和“Help”放在页面右侧,与左侧的徽标(红色矩形)高度相同 问题 布局在IE8上不起作用 它可以在Chrome上正常工作: 但它在IE8上给出了这一点: 或者这个: 密码 HTML 我试过的 我尝试将浮动的右元素(login)放在logo之前,它给出了我包含的第一个IE8图像,而不是第二个。(如上所述) 我在浮动元素的多个位置放置了一个宽度 每个容器都是s。如上所述,IE8不识别其他标签 尝试使用IE8 hack(`*dispay:inli

在我的标题中,我想将我的小登录菜单“login”和“Help”放在页面右侧,与左侧的徽标(红色矩形)高度相同

问题 布局在IE8上不起作用

它可以在Chrome上正常工作:

但它在IE8上给出了这一点:

或者这个:

密码 HTML 我试过的
  • 我尝试将浮动的右元素(login)放在logo之前,它给出了我包含的第一个IE8图像,而不是第二个。(如上所述)
  • 我在浮动元素的多个位置放置了一个宽度
  • 每个容器都是
    s。如上所述,IE8不识别其他标签
  • 尝试使用IE8 hack(`*dispay:inline;*zoom:1;)制作所有
    内联块
  • 什么都没用

    问题 如何使我的布局适用于IE8?(我错过了什么?

    正如黑暗的绝对尼特所说

    类“login”和类“login”是两个不同的类。有些浏览器可能会容忍(但不应该容忍),IE8则不然

    Internet Explorer 8区分大小写,而其他浏览器则不区分大小写


    使用相同的类名修复了这个问题。

    class
    login
    和class
    login
    是两个不同的类。有些浏览器可能会容忍这种情况(但他们不应该容忍),IE8则不然。@Sifu Margin 0px auto在IE8中不起作用,这是愚蠢的。通常我做的是为IE8做百分比宽度和边距。如果你的利润率为80%,那么你的左右利润率各为10%。如果有帮助,请告诉我@NiettheDarkAbsol就是这样。。Thanks@MaxBaldwin感谢大家的提醒,IE8的利润率也被打破了,但我负担不起小屏幕的利润率。NiettheDarkAbsol发现了我的问题(区分大小写的类)。
    <header class="header">
        <div class="Login">
            <a id="LB_GotoLogin" tabindex="30" href="javascript:__doPostBack('ctl00$MainContent$LB_GotoLogin','')">LOGIN</a>
            <br><br>
            <a id="LB_Help" tabindex="30" href="javascript:__doPostBack('ctl00$MainContent$LB_Help','')">Help</a>
        </div>
        <a href="/Default.aspx" style="text-decoration: none; display: inline-block; *display: inline; *zoom: 1;">
            <img src="Logo.jpg" style="height:64px;border: 0;">
        </a>
    </header>