2010-03-06 54 views
1

我正在开发一个项目,让大学完全控制源代码(Drupal),我所能做的就是CSS覆盖主题区域。CSS布局不能在IE7中工作(所有其他浏览器都可以)

我遇到的问题是头不停留在它应该在IE7中。
IE8以及Firefox,Chrome和Safari完全按照预期工作。

这里是我的CSS重写

#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/

任何帮助或方向将不胜感激。

+0

那就是normail不是吗? ;) –

+0

(...指的是标题) –

回答

2

由于某种原因,页眉图像具有CSS属性,使其具有-6px的页边距。加这个

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

你应该很好。

+0

完美,谢谢。 –

1

我记得有与IE7的形式标记问题(显示填充和/或保证金)

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

形式{保证金:0;填充:0;}

希望这有助于...手指交叉... :)

0

你应该首先包括复位,它中的HTML元素的默认样式。让您更多地控制许多浏览器。

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

+0

我不能这样做因为我不能添加任何东西到页眉。 –

1

的“头”,如果你的意思是<div id="uc-header" class="uc-section header">那么你已经在这里显示的CSS不具有财产寻址“UC-头”。您应该覆盖level-c.css中的属性

相关问题