Question

我正在开发一个项目，大学可以完全控制源代码（Drupal），我所能做的就是在主题区域中使用CSS Overrides。

我遇到的问题是标题没有停留在IE7中的位置 IE8以及Firefox，Chrome和Safari的工作方式完全符合预期。

这是我的CSS Overrides

#uc-splash div.uc-section, div.splash{width:790px !important; height:184px !important;}
#uc-navigation div.secondary, #uc-navigation div.secondary a { color: #fff;}
#uc-navigation .primary, #uc-navigation .secondary {background-color:#14195b !important;}
#uc-navigation div.secondary, #uc-navigation div.secondary a {color:#fff !important;}
#uc-navigation div.secondary, #uc-navigation div.secondary a:hover {  background-color: #1c6fb7; color:#fff;}
#uc-content div.secondary a{color: #14195b;}
#uc-content div.secondary .block h2 { background-color: #14195b; color: #ffffff; }
#uc-content div.secondary .block{background-color:#e4e8ed;}
#uc-navigation .secondary{background-color: #14195b!important;}

这是有问题的页面。 http://wcmprod2.ucalgary.ca/mha_ipe/

非常感谢任何帮助或指示。

Answer 1

由于某种原因，标题图像具有CSS属性，使其具有-6px的边距。添加此

.logo img { margin-top: 0px !important; }

你应该做得好。

Answer 2

我记得IE7中的表单标签有问题（显示填充和/或边距）

尝试将此添加到您的CSS ...

形式{margin：0;填充：0;}

希望这有助于...手指交叉......：）

Answer 3

by“header”如果你的意思是<div id="uc-header" class="uc-section header">，那么你在这里显示的CSS没有属性寻址“uc-header”。你应该覆盖level-c.css

中的属性

Answer 4

首先应该包含重置，它会中和HTML元素的默认样式。让您更好地控制许多浏览器。

http://developer.yahoo.com/yui/reset/

CSS布局在IE7中不起作用（所有其他浏览器都很好）

4 个答案: