-1

Недавно я создал свой новый макет сайта, после некоторой работы я получил нижний колонтитул, чтобы вставить его в конец страницы на firefox и chrome, но когда вы идете в одиночный .php (одиночный пост страница на WordPress) мой сноска неуместнаFooter не останется на месте на одной странице - только хром

мой блог: 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 &raquo;'); ?> </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";

тела, тд, е {

font-family: verdana; 

font-size: 11px; 

color: #333333;

край: 0;

комплектующие: 0;

text-align: center;/* hack para o IE */

padding: 0 0 0 0;

}

все {

width: 1000px;

положение: относительная;

margin: 0 auto;

text-align: левый;/* "REMEDIO" пункт о хак сделать IE */

}

в: ссылка {

color: #111111; 

text-decoration: none;

}

а: посетил {

text-decoration: none; 

color: #111111;

}

a: hover {

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 {

семейство шрифтов: 'Vibur', скорописи;

размер шрифта: 30px;

}

.post {

обивка дна: 5px;

}

.tag {шрифта: 12px/20px Arial; цвет: # 333333; text-transform: верхний регистр; padding: 5px 0 0 0; высота: 20 пикселей; переполнение: скрыто; -moz-border-radius: 15px;

границы радиус: 15px;}

.tag в {цвет: #FFFFFF; фон: # ff9999; padding: 3px 5px 3px; -moz-border-radius: 15px;

границы радиус: 15px;}

.tag а: зависать {цвет: #FFFFFF; фон: # 88cfd5; -moz-border-radius: 15px;

границы радиус: 15px;}

.sidebar {

clear: right; 

float: right; 

width: 300px;

}

.footer {

background-color: #88CFD5; 

clear: both; 

float: none;

высота: автоматический;

положение: абсолютное;

Дно: 0;

левый: 0;

ширина: 100%;

}

h1 {

font-size: 14px; 

color: #333333;

}

источник

2013-11-15 user2996285

Пожалуйста, поверните это в jsfiddle. Это непонятно ... –

Любой шанс, что вы могли бы превратить это в jsfiddle или что-то? Ваш код немного трудно пробраться.

источник

2013-11-15 12:52:46 RobertAKARobin

Footer не останется на месте на одной странице - только хром

все {

ответ

Смежные вопросы