IE中的网站中心对齐

时间:2012-11-06 12:53:33

标签: css wordpress internet-explorer center

http://atomtk.co.uk/

我正在以下网站上的朋友做一些浏览器测试。它似乎以每个浏览器接受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 个答案:

答案 0 :(得分:2)

当页面上的第一件事应该是html元素时,您的页面以div标签开头。 DIV标签应仅出现在BODY中。

您还需要将所有元标记,链接的css文件,javascript等移动到文档的HEAD中。

做这些事情应该有所帮助。

答案 1 :(得分:1)

如果没有DOCTYPE,您的网站将处于Quirks模式。我不是说这是唯一的问题,但如果没有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>不是第一个。你必须弄清楚如何在所有事情面前获得doctype。我担心使用模板,很难在Stack Overflow上找到答案。

答案 2 :(得分:0)

未经测试的代码,但可能会对您有所帮助

将以下内容放入css文件中:

    body {
         text-align: center
    }

    #wrapper {
         width: 1024px; //any width you want in your container
         margin: 0 auto;

    }

将您网页的内容包装在容器wrapper

     <div id="wrapper">

              // start your web content structure here...

     </div>

答案 3 :(得分:0)

使用Css 2不同的方法

1]允许身体(包括身体)的所有内容在页面上居中

body {
    margin-left:auto;
    margin-right:auto;
    width:##%;
}

2]只允许身体的内部内容居中,div#内容将遵循流程,Div的内容将居中

body {
    margin-left:5%;
    margin-right:20%
    width:auto;
}

body div#content {
    margin-left:auto;
    margin-right:auto;
    width:##%;
}

答案 4 :(得分:0)

在我们谈论聊天之后,案例似乎如下:

代码注入页面的头部。

调试的: 你的模板很干净,我们检查了一下。 你禁用了所有插件..注入的链接仍然存在。 我们检查了根index.php,没有注入令人讨厌的代码。

可能原因: 在某些时候,安装了一个错误的插件来操纵wordpress源代码。

解决方案: - 将旧的wordpress环境放在安全的位置。 - 将新的wordpress复制到您的环境中。 - 将wp-config从旧的wordpress复制到新的wordpress(但检查它是否在wp-config中没有奇怪的代码行)。 - 将模板复制到新环境并检查。 - 逐个复制插件,激活并检查输出是否损坏。

希望你能找到罪魁祸首。