2012-08-23 48 views
0

您好我有建立一个WordPress主题为个人project.After在IE8页脚似乎无法展示在所有pages.Witch的corect方式测试它是因为所有非常奇怪页面页脚具有相同的样式。相同的标记和CSS看起来IE8不同的页面不同

我甚至diactivated所有的造型在IE8开发工具,但问题依然存在。

在联系人页面页脚似乎是在很远的左上角看到只有一半的页脚可见。

在博客页面页脚似乎歌厅960像素宽度,它的中心。

在页面的其余部分页脚看起来没问题。

正如我上面所有的页脚页提及有相同的风格,所以我不IDEEA为什么在不同的页面显示在页脚不同

这里是网站: website

我张贴我的整个页脚标记和CSS因为我没有IDEEA什么样的CSS错误可以让IE8表现出同样的标记和CSS不同在不同的页面:

<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> 

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; 
} 
+1

我发现了WordPress的错误页面,当我尝试访问您的网站说,它没有配置文件... –

回答

0

我想你应该包括重置CSS在你的style.css文件的顶部:

RESET CSS

进一步do websites need to look exactly the same in every browser

+0

我使用的CSS reset.Even如果我没有使用CSS重置这并不能解释为什么相同的标记和样式在不同页面显示不同 –

+1

CSS3在IE8中不支持,您应该使用modernizer一个jQuery库来让它在IE中运行。因为IE 8不会识别页脚 – defau1t

+0

这样的标签我正在使用JavaScript html5填充脚本,它解决了ie8上html5支持的问题,并且我使用了其他html5标签,页面呈现ok.As css3不认为边框半径可以对布局有任何影响请检查我提供的联系页面和页脚页面的链接 –

相关问题