0

我必须构建一个 WordPress 主题作为个人项目。在 IE8 中对其进行测试后，页脚似乎并未在所有页面上显示正确的方式。这很奇怪，因为所有页面页脚都具有相同的样式。

我什至停用了 IE8 开发人员工具中的所有样式，但问题仍然存在。

在联系页面中，页脚似乎位于最左边的角落，使得只有一半的页脚可见。

在博客页面上，页脚似乎得到了 960 像素的宽度并且居中。

在其余页面上，页脚看起来不错。

正如我上面提到的，所有页脚页面都具有相同的样式，所以我不知道为什么在不同的页面上页脚的显示方式不同

这是网站： 网站

我发布了整个页脚标记和 CSS，因为我不知道哪种 CSS 错误会使 IE8 在不同页面上以不同方式显示相同的标记和 CSS：

html:

<footer>
    <div class="center">
          <?php if (!function_exists('dynamic_sidebar') || !dynamic_sidebar('Footer Sidebar') ) : ?>  
          <h2 class="widget-title">No Widgets added</h2>  
          <p>Please login and add some widgets to this sidebar</p>  
          <?php endif ?>     
     </div>
        <div id="copyright">
            <p>&copy; Copyright <?=date('Y');?> <?php bloginfo('name'); ?> by <a href="<?php echo AUTHOR_URL ?>"><?php echo AUTHOR ?></a> All Rights Reserved.</p>
        </div>
       <?php wp_footer(); ?>
</footer>

CSS：

 footer{
        background:url(img/footer.png) repeat-x #1a1a1a;
        padding:33px 0;
    }
    footer div.center{
        overflow:hidden;
    }
    footer div.center div.boxFooter{
        display: inline-block;
        float:left;
        width:210px;
        margin-left: 40px;
    }
    footer div.center div.boxFooter:first-child{
        margin-left: 0;
    }
    footer div.center div h2{
        color:#cccccc;
        font-size: 20px;
        padding-bottom: 12px;
        border-bottom: 1px solid #ccc;
    }
    footer div.center div li{
        padding:10px 0;
        border-bottom:1px solid #b6b6b6;
    }footer div.center div li:last-child{
        border:none;
    }
    footer div.center div li a{
        text-decoration: none;
        color:#b6b6b6;
    }
    footer div.center div li a:hover{
        text-decoration: underline;
    }
    footer div.center div p{
        margin-top: 10px;
        text-align: justify;
        color:#b6b6b6;
    }
    footer form#searchform input{
        border-radius:5px;
        margin-top: 15px;
    }
    div#copyright{
        width:960px;
        margin:0 auto;
        border-top:1px solid #b6b6b6;
        margin-top:25px;
        color:#b6b6b6;
    }
    div#copyright p{
        margin-top:30px;
        text-align: center;
    }
    div#copyright p a{
        color:#1fa2e1;
        text-decoration: none;
    }
    div#copyright p a:hover{
        text-decoration:underline;
    }
    footer div.tagcloud{
        padding-top: 15px;

    }
    footer div.tagcloud a{
        color:#B6B6B6;
        text-decoration: none;
    }
    footer div.tagcloud a:hover{
        text-decoration: underline;
    }
4

1 回答 1

1

我认为您应该在 style.css 文件的顶部包含重置 CSS：

重置 CSS

此外，网站需要在每个浏览器中看起来完全相同。

于 2012-08-23T20:35:31.777 回答