IE6,7 在浏览器显示上让我很伤心。我没有使用 Safari 或 FF 的问题。 我不是 CSS 专家,需要有关 IE 上此列对齐问题的建议。 而且我不知道从哪里开始,因为我试过弄乱 css 文件和 css 浏览器选择器 javascript,但我仍然无法让它在 IE 上工作。
我认为问题集中在 id doc、bd、yui-main、yui-b、box 和 box-titles。 由于不明确的原因,IE 中的大小显示与其他更好的浏览器不同。 尺寸宽度和高度值不同。
<body>
<div id="doc" class="yui-t2">
<div id="bd">
<div id="yui-main">
<div class="yui-b">
<div id="header" class="yui-g">
<a href="index.php">
:
:
不幸的是,这 2 个 css 文件让我难以理解。 我尝试将其粘贴到此处,但格式不正确。
有人可以伸出援手吗?
感谢任何帮助。
应用程序.css
body {
font-size: 85%;
font-family: "georgia";
}
.yui-t2, #bd, #yui-main {
z-index: -5;
}
.yui-b, .yui-g {
z-index: auto;
}
div.yui-b div.box {
color: #333333;
border: 1px solid #c6e1ec; /* this controls the left boxes on front page */
margin-top: 15px;
}
div.yui-b div p.box-title {
/* background: #0590C7;
border-bottom: 2px solid #c6e1ec; */
background: #6f6f6f;
border-bottom: 2px solid #c6e1ec;
color: #FFFFFF;
display: block;
font-size: 93%;
font-weight: bold;
margin: 1px;
padding: 2px 10px;
}
div.yui-b div ul {
margin: 0;
}
div.yui-b div ul li {
border-bottom: 0px solid #fff;
list-style-type: none;
}
div.yui-b div ul li a {
color: #333333;
display: block;
text-decoration: none;
padding: 3px 10px;
}
div.yui-b div ul li a:hover {
background: #c6e1ec;
color: #333333;
}
grids-min.css
body
{text-align:center;}
#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7
{margin:auto;text-align:left;width:57.69em;*width:56.301em;min-width:750px;}
.yui-b{position:relative;}
.yui-b{_position:static;}
#yui-main .yui-b{position:static;}
#yui-main
{width:100%;}
.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main
{float:right;margin-left:-25em;}
.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main
{float:left;margin-right:-25em;}
:
:
更多,但 stackoverflow 此处的格式很糟糕,无法使其可读。
很抱歉,我不想在这篇文章中给人留下无益或粗鲁的印象。
真诚的
最佳答案
这是一般处理 ie6 的有用资源 http://www.virtuosimedia.com/dev/css/ultimate-ie6-cheatsheet-how-to-fix-25-internet-explorer-6-bugs
关于CSS跨浏览器问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3553085/