gpt4 book ai didi

html - IE7定位问题

转载 作者:太空宇宙 更新时间:2023-11-04 05:00:36 25 4
gpt4 key购买 nike

我在 IE7 中有一个奇怪的布局问题。基本上发生的情况是,内容没有对齐到左上角,而是对齐到中间的某个位置。

似乎一切都正确显示,但 main-bank-container 是一个不合适的元素。我真的不想绝对定位它,因为这意味着我必须使用 jQuery 来保持包含的 div 的高度,而不是隐式的。

我已经设置了一个 jsFiddle here帮助。

代码如下:

HTML

<div style="padding: 4px;" class="nopad" id="maincontent">
<div id="summary-page-container">
<div id="main-bank-container">
<div id="bank1" class="bank-container">
<div class="basicview">
</div>
</div>
<div id="bank2" class="bank-container">
<div class="basicview">
</div>
</div>
<div id="bank3" class="bank-container">
<div class="basicview">
</div>
</div>
<div id="bank4" class="bank-container">
<div class="basicview">
</div>
</div>
</div>
<div style="clear: both;">
</div>
</div>
</div>

CSS

#maincontent {
overflow: hidden;
text-align: center;
}
#summary-page-container {
overflow: hidden;
position: relative;
width: 1400px;
}
#main-bank-container {
width: 690px;
}
.bank-container, .bank-container-small {
border: 1px solid #CFCFCF;
border-radius: 5px 5px 5px 5px;
color: #555555;
height: 90px;
margin: 10px;
position: relative;
text-align: left;
text-shadow: 0 1px 1px #FFFFFF;
width: 670px;
}
.basicview {
background:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#ebebeb));
background:-moz-linear-gradient(top,#ffffff,#ebebeb);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#ebebeb')"; /* IE8 */
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#ebebeb'); /* IE6 & IE7 */

border-radius: 5px 5px 5px 5px;
height: 90px;
width: 100%;
}

哦,如果重要的话这里是 mydoctype

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">

最佳答案

#maincontent 中移除 text-align: center;

My Fiddle

关于html - IE7定位问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11609577/

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