gpt4 book ai didi

html - CSS 适用于所有浏览器,但不适用于 IE

转载 作者:行者123 更新时间:2023-11-28 02:16:55 26 4
gpt4 key购买 nike

我有一个简单的登录页面,我在其中应用了一些 css 代码,如下所示:

 div.loginheader {

width: 100%;
height: 25%;
position: relative;
text-align: center;
margin: 0 auto;
top: 6%;
left: 6%;
}
img.center {
display: block;

padding: 0px;

}
td.caption
{
margin-left: auto;
margin-right: auto;
text-align: center;
font-family: Arial,Georgia,Serif;
color: #ffffff;
font-size:24px;
}

使用以下 HTML 代码:

<div class="loginheader">
<table width="90%">
<tr>
<td width="20%" class="caption">
<img class="center" src="abc.png">
</td>
<td width="80%" class="caption">

Test Text
</td>
</tr>
</table>
</div>

但是使用上面的代码,它在除 IE 之外的所有浏览器中都能完美运行。在 IE 中,位置和边距正在被破坏。我的网页看起来像这样 link

在 IE 7 中。

任何帮助将不胜感激..

最佳答案

In IE the the positions and margins are destroying

闻起来很像 IE 在 quirks mode 中运行这导致 IE6/7 box model bug体现出来了确保您在 HTML 页面的顶部声明/使用正确的文档类型。

<!DOCTYPE html>

另见:

关于html - CSS 适用于所有浏览器,但不适用于 IE,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3606061/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com