IE中的网站中心对齐
[英]Website centre alignment in IE
问题描述
我正在以下网站上的一个朋友处进行一些浏览器测试。 它似乎以每个浏览器接受的IE为中心。
请您告诉我我们如何解决此问题。 作为我不知道这是如何编码的。
谢谢
更新：
<!doctype html>
<!--[if IEMobile 7 ]><html <?php language_attributes(); ?>class="no-js iem7"> <![endif]-->
<!--[if lt IE 7 ]><html <?php language_attributes(); ?> class="no-js ie6 oldie"> <![endif]-->
<!--[if IE 7 ]><html <?php language_attributes(); ?> class="no-js ie7 oldie"> <![endif]-->
<!--[if IE 8 ]><html <?php language_attributes(); ?> class="no-js ie8 oldie"> <![endif]-->
<!--[if (gte IE 9)|(gt IEMobile 7)|!(IEMobile)|!(IE)]><!-->
<html <?php language_attributes(); ?> class="no-js"><!--<![endif]-->
<head>
<meta charset="utf-8">
<!--[if ie]><meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible'/><![endif]-->
<title><?php wp_title( ' - ', true, 'right' ); ?> <?php bloginfo('name'); ?></title>
<?php if ( of_get_option('sc_enablemeta')== '1') { ?>
<!-- meta -->
<meta name="description" content="<?php echo of_get_option('sc_metadescription') ?>">
<meta name="keywords" content="<?php wp_title(); ?>, <?php echo of_get_option('sc_metakeywords') ?>" />
<meta name="revisit-after" content="<?php echo of_get_option('sc_revisitafter') ?> days" />
<meta name="author" content="www.site5.com">
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<?php } ?>
<?php if ( of_get_option('sc_enablerobot')== '1') { ?>
<!-- robots -->
<meta name="robots" content="<?php echo of_get_option('sc_metabots') ?>" />
<meta name="googlebot" content="<?php echo of_get_option('sc_metagooglebot') ?>" />
<?php } ?>
<!-- icons & favicons (for more: http://themble.com/support/adding-icons-favicons/) -->
<link rel="shortcut icon" href="<?php echo get_template_directory_uri(); ?>/favicon.ico">
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>">
<!--[if lt IE 9]>
<script src="<?php echo get_template_directory_uri(); ?>/library/js/html5.js"></script>
<![endif]-->
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>">
<!-- wordpress head functions -->
<?php wp_head(); ?>
<!-- end of wordpress head -->
这是标头文档...而且看起来不像WP标头调用...有人可以帮我稍微重新排列一下以适应旧的IE ...
5 个解决方案
解决方案1
2 2012-11-06 12:55:45
当页面上的第一件事应该是html元素时，页面以div标签开始。 DIV标签只能出现在BODY中。
您还需要将所有元标记，链接的CSS文件，javascript等移至文档的标题中。
希望这些事情会有所帮助。
解决方案2
1 2012-11-06 13:57:46
如果没有DOCTYPE，则您的网站处于“怪癖”模式。 我并不是说这是唯一的问题，但是如果没有DOCTYPE，您将永远无法修复它。
回应更新
当我转到您链接到的站点时，看不到您上面发布的代码。 我不是这样的，首先不是<!doctype html> ：
<div style='text-indent:-9999em'><a href="http://www.homedepotcoupons.org" rel="follow">Home Depot Coupon Codes 2012</a> <a href="http://www.lexapro-side-effects.org" rel="follow">Lexapro Side Effects</a> <a href="http://www.couponstocks.com/office-depot-coupons/" rel="follow">Office Depot Coupons</a> <a href="http://www.jcpenney-coupons.org" rel="follow">JCPenney Coupons</a> <a href="http://www.pizza-hutcoupons.com" rel="follow">Pizza Hut Coupons</a> <a href="http://www.bigbrotheralbania6.org" rel="follow">Big Brother Albania 6</a> <a href="http://www.citalopramside-effects.org" rel="follow">Citalopram Side Effects</a> <a href="http://www.watchatdhenet.com" rel="follow">atdhe.net</a> <a href="http://www.couponstocks.com/walmart-coupons/" rel="follow">Walmart Coupons</a> <a href="http://hostgatorcoupon.clickwebhosting.com" rel="follow">hostgator coupons</a> <a href="http://www.couponstocks.com/kohls-coupons/" rel="follow">kohls coupons</a> <a href="http://www.couponstocks.com/bed-bath-and-beyond-coupon" rel="follow">bed bath and beyond coupon</a> <a href="http://muzikshqip.shtypidites.com" rel="follow">muzik shqip</a> </div><!-- start header --><!doctype html>
您可以看到<!DOCTYPE html>并不是第一个。 您将必须弄清楚如何使文档类型成为一切。 恐怕使用模板很难在Stack Overflow上找到答案。
解决方案3
0 2012-11-06 13:02:16
未经测试的代码，但可能会对您有所帮助
将以下内容放入您的css文件中：
body {
text-align: center
}
#wrapper {
width: 1024px; //any width you want in your container
margin: 0 auto;
}
将网页内容wrapper在容器wrapper
<div id="wrapper">
// start your web content structure here...
</div>
解决方案4
0 2012-11-06 22:51:12
使用CSS 2种不同的方法
1]允许将包括主体在内的所有内容放在页面的中心
body {
margin-left:auto;
margin-right:auto;
width:##%;
}
2]仅允许将内部内容与主体居中，div＃content将遵循流程，将Div内容置于中心
body {
margin-left:5%;
margin-right:20%
width:auto;
}
body div#content {
margin-left:auto;
margin-right:auto;
width:##%;
}
解决方案5
0 已采纳 2012-11-07 15:03:02
在我们聊天后，情况似乎如下：
代码被注入到页面的头部。
调试：您的模板干净，我们检查了一下。 您禁用了所有插件..注入的链接仍然存在。 我们检查了根index.php，没有恶意代码被注入那里。
可能的原因：在某个时候，安装了一个错误的插件来操纵wordpress源代码。
解决方案：-将旧的wordpress环境放在安全的位置。 -将新的wordpress复制到您的环境中。 -将wp-config从旧的wordpress复制到新的wordpress（但是请检查它是否在wp-config中没有奇怪的代码行）。 -将模板复制到新环境并进行检查。 -一步一步复制插件，激活并检查输出是否损坏。
希望您能找到罪魁祸首。
CSS定义任意对齐中心
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.