Internet Explorer上非常奇怪的CSS问题。我不知道怎么了！

我刚刚测试了一个在InternetExplorer中建立的网站。当然，在Firefox中工作得很好。我有一套样式表，其中大部分都有背景图片，用户可以根据自己的喜好选择不同的样式表。除了颜色和背景外，样式表渲染完全相同，当然基于文本的版本渲染不同。无论如何，我也有一个字体大小转换器，所以用户可以选择最适合他们的字体大小。我有4个设置，范围从小，标准，大和Xlarge当我加载大和Xlarge字体大小的bg图片达到我的div结束，这是罚款。然而，当我使用小字体和标准字体时，bg图片只覆盖了它应该覆盖的大约5%。也许下面的图片会帮助你理解我的问题

干杯，CHL

Ps fontsize css只包含类和ID的字体大小，不包含背景样式

问题:

使用较大字体：

firefox工作时的外观：

以下是我设置背景的css：

.content{
background-image: url(springBG.jpg);/**Change for season**/
background-attachment:fixed;
background-position:top center;
background-repeat:no-repeat; 
font-family: Calibri, Ariel, sans-serif;
}

“Internet Explorer上的CSS问题。我不知道出了什么问题！”

这在我的办公室里几乎每天都能听到

---

我唯一的建议是尝试设置背景元素的高度。

说到CSS问题，内容在帖子中的标记框下溢出。

尝试清除与背景重叠的白色div后的浮动（其中包含所有单词）。最简单的方法是添加：

<div class="spacer"></div>

---

你能发布生成的HTML吗

我猜IE在您的容器中没有看到任何类为“content”的内容。这可能是因为内部内容没有“hasLayout”（一个神奇的IE东西）

---

正如TM所建议的，尝试将高度设置为“1%”，这将触发hasLayout，或者设置“zoom:1；”，这也会起作用。

在CSS声明中使用“Ariel”字体名称。这个可能不存在。是的。艾丽儿是一种洗涤剂

实际上，正确的非serif序列声明应该是：

font-family: Calibri, Tahoma, Arial, Helvetica, Sans-Serif;

---

您可以继续使用简写css作为背景，如下所示：

background: url(yourimage.jpg) no-repeat top center;

---

此外，ie6不支持背景附件：固定在身体以外的位置。

如果看不到代码的其余部分或现场站点，很难确定，但这看起来像是一个包含浮点问题的经典。处理这个问题的最简单方法是将

溢出：auto

添加到包含浮动的框中（我猜这里是

.content

）。这样可以将墙纸拉伸到合适的高度

---

如果失败，请尝试在

.content

分区的末尾添加“clearfix”分隔符。

您好，我发现了设置分区高度所需的问题。对于提到这一点的人，我已向您的代表添加了一点，并感谢您的建议：D

叶绿素

CSS:

---

@达娜：哪个IE版本？你一定有诀窍，因为这个问题把我的firefox搞砸了！：-）图像太大，无法包含，我无法理解这个问题：（我建议将这些BMP转换为其他压缩图像格式-几乎2MB！

background: url(yourimage.jpg) no-repeat top center;

  height:100%;