CSS: зафиксированный для насыщения и центрируемый
Это то, что вы хотите сделать:
var oldSrc = 'http://example.com/smith.gif';
var newSrc = 'http://example.com/johnson.gif';
$('img[src="' + oldSrc + '"]').attr('src', newSrc);
2 ответа
Вам следует использовать решение для липких нижних колонтитулов, например, следующее:
* {
margin: 0;
}
html, body {
height: 100%;
}
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
height: 142px; /* .push must be the same height as .footer */
}
Есть и другие подобные;
* {margin:0;padding:0;}
/* must declare 0 margins on everything, also for main layout components use padding, not
vertical margins (top and bottom) to add spacing, else those margins get added to total height
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */
html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}
#main {padding-bottom: 150px;} /* must be same height as the footer */
#footer {position: relative;
margin-top: -150px; /* negative value of footer height */
height: 150px;
clear:both;}
/* CLEAR FIX*/
.clearfix:after {content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
с html:
<div id="wrap">
<div id="main" class="clearfix">
</div>
</div>
<div id="footer">
</div>
Я вижу 2 потенциальных проблемы:
1 - IE имел проблемы с положением: исправлялись в прошлом. Если вы используете IE7 + с допустимым типом документа или браузером, отличным от IE, это не является частью проблемы
2 - Вам необходимо указать ширину нижнего колонтитула, если вы хотите, чтобы объект нижнего колонтитула был центрирован. В противном случае по умолчанию используется полная ширина страницы, а для автоматического поля слева и справа устанавливается значение 0. Если вы хотите, чтобы нижний колонтитул занимал ширину (например, панель уведомлений StackOverflow) и центрировал текст, тогда вам нужно чтобы добавить в определение "text-align: center".