Wordpress网站CSS在IE和Firefox中的不同

Question

我有一个Wordpress网站，这是我从我购买的模板设计的。对模板的支持有点难，所以我决定在这里问，也许有人知道这个问题的答案。

网站布局在Chrome中看起来不错，但在IE和Firefox最新版本中却很奇怪。

这是Chrome normal布局：

​

这是在Firefox/IE中：

​

该网站的代码是分布在php files..but这是Header.php的开始

    <?php
/**
 * @package WordPress
 * @subpackage ***  */ 
?>
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html <?php language_attributes(); ?>> <!--<![endif]-->
<head>


<meta charset="<?php bloginfo( 'charset' ); ?>" />

<meta name="viewport" content="width=device-width" />


<?php if(get_option('header_favicon')) { ?>
<link rel="shortcut icon" href="<?php echo get_option('header_favicon'); ?>" />
<?php } ?>
<title><?php if(is_front_page()) { bloginfo('name'); } else { wp_title( '', true, 'right' ); }?></title>
<?php if(get_option('rss_feed')) { ?>
<link rel="alternate" type="application/rss+xml" title="<?php echo get_option('rss_title'); ?>" href="<?php echo get_option('rss_feed'); ?>" />
<?php }

有什么办法可以解决这个问题吗？

Answer 1

在CSS中查找此规则(第115行)

.skinset-header, .skinset-footer, .skinset-main.nv-skin {
background: none repeat scroll 0 0 transparent !important;
border: 0.7px solid #E9E9E9 !important;
}

删除边框属性。

.skinset-header, .skinset-footer, .skinset-main.nv-skin {
background: none repeat scroll 0 0 transparent !important;
}

然后你在FF上看到一条蓝线，它是这样的：

.skinset-background .accordionhead.ui-accordion-content-active, .skinset-background .ui-state-active, .skinset-background #primary-wrapper.nv-dark .ui-state-active, .skinset-background #nv-tabs ul li ul, #primary-wrapper .skinset-background.sub-menu, .skinset-background span.menu-highlight, .skinset-background #primary-wrapper .skinset-header.nv-skin, .skinset-background div.item-list-tabs ul li.selected, .skinset-background div.item-list-tabs ul li.current, .skinset-background div.item-list-tabs ul li.new, .skinset-background #topic-post-list, .skinset-background table.forum, .skinset-background table.bbp-topics, .skinset-background table.bbp-replies, .skinset-background table.bbp-forums, .skinset-background ul#activity-stream {
border-top: 2px solid #61C4FD;
}

在将来使用FireFox - http://getfirebug.com/downloads/中的Firebug时，非常有用