IE＆Firefox中的Wordpress网站CSS不同
[英]Wordpress Website CSS different in IE&Firefox
问题描述
I have a Wordpress website that I designed from a template I purchased. 
我有一个使用购买的模板设计的Wordpress网站。 support for the template is a bit tough to get so I decided to ask here maybe someone knows the answer to this. 对模板的支持很难获得，所以我决定在这里问一下，也许有人知道答案。
The website layout looks good in Chrome, but weird in IE and Firefox latest ver. 在Chrome中，网站布局看起来不错，但在IE和Firefox最新版本中却很奇怪。
This is the Chrome normal layout: 这是Chrome的常规布局：
And this is in Firefox/IE: 这是在Firefox / IE中：
The code for the website is spread over php files..but this is the start of Header.php 该网站的代码分布在php文件中。但这是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 }
Any idea what can solve this? 知道什么可以解决这个问题吗？
1 个解决方案
解决方案1
0 已采纳 2012-07-31 10:39:23
Find this rule in the CSS (line 115) 在CSS中找到此规则（第115行）
.skinset-header, .skinset-footer, .skinset-main.nv-skin {
background: none repeat scroll 0 0 transparent !important;
border: 0.7px solid #E9E9E9 !important;
}
Remove the border property. 删除border属性。
.skinset-header, .skinset-footer, .skinset-main.nv-skin {
background: none repeat scroll 0 0 transparent !important;
}
You then get a blue line on FF which is here: 然后你会得到一个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;
}
In future use Firebug in FireFox - http://getfirebug.com/downloads/ , very useful 将来在FireFox中使用Firebug- http://getfirebug.com/downloads/ ，非常有用
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.