我最近創建了我的新網站佈局，經過一些工作後，我得到了頁腳在Firefox和Chrome上的頁面末尾，但是當你去單.PHP（單後的網頁上WordPress的）我的頁腳是格格不入頁腳不會保留在單頁上 - 鉻只
我的博客：endingunplanned.com
<?php get_header(); ?>
<?php get_sidebar(); ?>
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
<div class="post">
<div class="info1">
<div class="date"><div class="date"><br />
<div class="date-month"><?php the_time('M'); ?></div>
<div class="date-day"><?php the_time('d'); ?></div>
</div></div>
<div class="title"> <div align="center"><?php the_title(); ?> <br />
</div></div>
</div>
<div class="post-content"><?php the_content('Continue lendo »'); ?> </div>
<div class="post-stuff"><div align="center"><div class="tag"> posted in: <?php the_tags('', ', '); ?> - <?php comments_popup_link(__('0 Comments'), __('1 Comment'), __('% Comments'),'Commentslink', __('Comments are closed')); ?>
</div>
</div>
<?php if (function_exists('paged_comments_template')) paged_comments_template(); else comments_template(); ?>
</div>
</div>
<?php endwhile; ?><?php else : ?><?php endif; ?>
<?php get_footer(); ?>
CSS
@charset "utf-8";
體，TD，TH {
font-family: verdana;
font-size: 11px;
color: #333333;
margin：0;
padding：0;
text-align：center;/* hack para o IE */
padding：0 0 0 0;
}
所有{
width: 1000px;
位置：相對;
margin：0 auto;
text-align：left;/* 「remédio」 對Ø黑客做IE */
}
一：鏈接{
color: #111111;
text-decoration: none;
}
答：訪問{
text-decoration: none;
color: #111111;
}
a：懸停{
text-decoration: none;
color: #FF9999;
}
一個：活性{
text-decoration: none;
color: #111111;
}
.menusize {
background-color: #http://twitter.com/ ;
width: 1000px;
color: #FFFFFF;
}
#menu ul {
padding:0px;
margin:0px;
background-color:#ff9999;
list-style:none;
text-align: center;
vertical-align: middle;
line-height: 40px;
font-family: verdana;
font-size: 15px;
font-variant: small-caps;
color: #FFFFFF;
}
#menu ul li { display: inline; }
#menu ul li a {
padding: 2px 10px;
display: inline-block;
/* visual do link */
background-color:#ff9999;
color: #FFFFFF;
text-decoration: none;
}.post {
clear: left;
float: left;
width: 690px;
}
.date {
clear: left;
float: left;
background:#fff url('date.png') no-repeat scroll top left;
width:80px;
height:80px;
color:#FFFFFF;
text-align:center;
}
.date。日期一個月{
height:18px;
font-size:13px;
font-family:verdana;
font-weight:bold;
}
.date .date天{
font-family:verdana;
font-size:18px;
}
.title僞{
FONT-FAMILY： 'Vibur'，草書;
font-size：30px;
}
.POST {
填充底：5像素;
}
.tag {font：12px/20px Arial;顏色：＃333333;文字轉換：大寫;填充：5px 0 0 0; height：20px;溢出：隱藏; -moz-border-radius：15px;
邊界半徑：15像素;}
.TAG一個{顏色：#FFFFFF;背景：＃FF9999; padding：3px 5px 3px; -moz-border-radius：15px;
邊界半徑：15像素;}
.TAG：懸停{顏色：#FFFFFF;背景：＃88cfd5; -moz-border-radius：15px;
邊界半徑：15px的;}
.sidebar {
clear: right;
float: right;
width: 300px;
}
.footer {
background-color: #88CFD5;
clear: both;
float: none;
高度：自動;
position：absolute;
bottom：0;
left：0;
寬度：100％;
}
H1 {
font-size: 14px;
color: #333333;
}
請把它變成jsfiddle。這不清楚... –