Drupal 站点上的 IE 问题 CCS div答案

【问题标题】：IE Problem CCS div on Drupal siteDrupal 站点上的 IE 问题 CCS div
【发布时间】：2011-06-03 14:42:06
【问题描述】：

我创建了一个 Drupal 站点，它可以在除 IE 之外的所有浏览器中正常运行。整个“主要内容”div 从结构中分离出来（越过以网站为中心的 div 以及页脚的边缘）。

说实话，这是我第一个以自己为主题的 Drupal 网站。我一开始使用的是 Dreamweaver 模板，但在此过程中对其进行了更改（仅在其他浏览器中检查）。

我尝试为 IE 修改它但卡住了。您可以在 www.chocolatemonggo.com 上看到混乱（除了主页之外的所有页面都出现问题） contentdiv 的 css 如下：

.thrColFixHdr #mainContent {
    clear: right;
    color:#52351a;
    width:750px;
    left: 260px;
    padding: 20px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: #2c1912 0px 2px 3px;
    -moz-box-shadow: #2c1912 0px 2px 3px;
    box-shadow: #2c1912 0px 2px 3px;
    background-color: #ccb89d;
    background-image: url(images/background_content.gif);
    background-repeat: no-repeat;
    background-position: right top;
    z-index: 3;
}

我有一个页脚（仅显示背景图像）和该 div 下方的页脚，显示一些链接（在 drupal 块中）。我已经和几个人谈过了，没有人能真正帮上忙。我希望有人可以帮助我。非常感谢！

【问题讨论】：

请指定您遇到问题的 IE 版本。它带来了很大的不同。

标签： css internet-explorer drupal

【解决方案1】：

您的宽度过大。试试 715px。

您可能希望将其包装在除主页之外的所有页面上的条件 CSS 标记中。

【讨论】：

我试试看，看看效果如何。
我查看了产品页面（只是我关注的一个随机链接）并打开了Firebug Lite 以使用这些值。减小宽度使它很合身。
嘿迪基。与此同时，我改回了较旧的 CSS 版本（还有其他问题......）这就是为什么该部分现在看起来还不错的原因。但是请在产品页面中点击一个产品，然后看看主要内容是如何进入导航结构的
对于页面 'chocolatemonggo.com/products_bars'，使用 ie.css，将 '.thrColFixHdr #mainContent' 宽度更改为 'auto' 并将边距更改为 '0 10px 10px 220px'。和 padding-right:0px;
嗨，Dickie，它仍然在侧边栏下方。我相信这是因为它是一个视图（大多数其他页面都是以块为单位的视图的“页面”）。我会回到这个问题，但不幸的是我现在已经走了。感谢您的努力，希望以后能得到您的帮助。