gpt4 book ai didi

IE 中的 HTML 页面对齐问题(在没有 DTD 验证器的情况下使用)

转载 作者:太空宇宙 更新时间:2023-11-03 20:59:51 25 4
gpt4 key购买 nike

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html >

<body>
<div id="container">
<div id="menu">
<ul>
<li><a >page1</a></li>
<li><a >page2</a></li>
<li><a >page3</a></li>
</ul>
</div>
</div>
</body>
</html>

这是我的CSS

<style>
#menu {
margin: 0px 10px 10px 10px;
overflow: hidden;
font-size: 13px;
font-weight: bold;
}

#menu ul {
margin: 0;
padding: 0;
}

#menu ul li {
margin: 0px 2px;
display: inline;
vertical-align: middle;
text-align: center;
}


#container {
width: 785px;
margin: 0 auto;
background-color: #fff;
padding-top: 6px;
padding-bottom: 10px;
}

</style>

我希望菜单应该在页面中间..但是在IE如果我删除 DTD validator它总是在左边c..任何人都可以帮助我..我想要一个没有dtd validator的解决方案

最佳答案

看我的评论:

"But in IE if I remove the DTD validator its always on to the left" - solution: don't remove the doctype.

Why do you want to remove it?

不应该删除文档类型,除非您别无选择

如果真的没有办法解决它(例如,您正在使用一个不使用文档类型的大型遗留站点 - 但是在这种情况下这似乎不太可能),您可以居中它在 IE 中 Quirks Mode通过添加此 CSS:

body {
text-align: center
}
#container {
text-align: left
}

关于IE 中的 HTML 页面对齐问题(在没有 DTD 验证器的情况下使用),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5064953/

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