我已经为所有浏览器编写了我的网站,但 IE 当然有问题。特别是 IE 7。我希望找到一个解决方案来解决为什么它的行为方式有两个问题,以及我可以添加什么以便 IE 正确显示它。
我的提交按钮与包含它们的 div 的底部对齐。
SEARCH 字段的 SUBMIT 按钮的 CSS
#searchform { /*container widget */ position: relative; left: 15px; width: 97%; height: 30px; background-color: #f3f3f3; border: 2px solid #742222;}
#searchform label { display: none; }
#searchform input#s { width: 75%; height: 20px;}
input[type=text],input#s { margin: 0 10px 0 0; width: 60%; }
#searchsubmit{ position: relative; float: right; width: 30px; height: 30px; text-indent: -999px; background: url(http://averylawoffice.ca/img/SEARCH-submit.jpg) center; border: 0px;}
此 CSS 适用于除 IE 版本 7 之外的所有浏览器。有没有办法使其顶部对齐而无需绝对定位?
最佳答案
我已经通过向左浮动文本框成功地将提交按钮向上移动(到正确的位置)。
.subscription_email {
...
float: left;
}
搜索文本框也是如此:
#s {
...
float: left;
}
通过进行这些更改,生成的演示文稿将与 Firefox 中的完全相同。
关于css - 为什么我的 div 中会出现额外的填充?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10941398/