文章/答案/技术大牛

发布

问IE7中的渲染问题
EN

Stack Overflow用户

提问于 2009-08-19 19:54:34

回答 2查看 476关注 0票数 0

我对IE7有一个小的渲染问题(和往常一样)。假设有一个日历控件，如下所示：

<div class="calPager">
    <input type="submit" name="prev" value="Prev" class="pagerPrev" />
    <input type="submit" name="prev" value="Next" class="pagerNext" />
    August 2009
</div>

CSS看起来像这样：

.calPager {
    text-align: center;
    height: 30px;
    line-height: 30px;
}

input.pagerPrev, input.pagerNext {
    height: 30px;
    text-decoration: none;
    border: none;
}

input.pagerPrev {
    float: left;
    padding-left: 28px;
    background: url(../images/calPrevArrow.png) no-repeat;
}

input.pagerNext {
    float: right;
    padding-right: 28px;
    background: url(../images/calNextArrow.png) right no-repeat;
}

在IE8和火狐中，这看起来很好，按钮浮动在左边和右边，月份和年份居中。但是IE7不会将文本居中。这里出了什么问题？

有趣的是，如果您将输入元素替换为链接(就像我在另一个项目中所做的那样)，这些内容在IE7中都可以很好地显示。

另一个小问题是，IE开发人员工具不知何故无法识别除第一个CSS文件之外的所有文件，所以这并没有太大帮助。CSS选项卡似乎停留在“正在加载...”。有人也遇到过这个问题吗？

css

internet-explorer

回答 2

Stack Overflow用户

回答已采纳

发布于 2009-08-19 20:58:33

如果将月份和年份包装在自己的块级标记中，它在ie7中应该可以很好地工作。

<h2>August 2009</h2>

对于ie7，当您在同一行上同时具有浮动元素和非浮动元素时，它往往会在读取任何类型的文本对齐时出现问题。

我会把它放在div之上的某种header标签中，因为它赋予了它更多的意义和用途。Div只是块级别的标签，像h2这样的头标签是块级别的，搜索引擎会看到它们包含重要信息！

票数 3

Stack Overflow用户

发布于 2009-08-19 20:58:59

尝试通过将所有输入放在单独的容器中来浮动它们

<div class="calPager">
   <div class="container">
       <div class="floatleft">
           <input type="submit" name="prev" value="Prev" class="pagerPrev" />
       </div>
       <div class="floatright">
           <input type="submit" name="prev" value="Next" class="pagerNext" />
       </div>
   </div>
</div>

.container{
    margin-left:auto;
    margin-right:auto;
    width: .. (if you like);
    /**/
}

.floatleft { 
    float:left;
}

.floatright {
    float:right;
}

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/1302273

复制

相似问题

问IE7中的渲染问题
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问IE7中的渲染问题EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问IE7中的渲染问题
EN