Firefox 3.6 Прижатие футера к низу экрана

Статус
Закрыто для дальнейших ответов.

Varhal

Участник
Топикстартер
Сообщения
4
Реакции
0
Здравствуйте, при верстке страницы возникла проблема, во всех браузерах футер прижат к низу страницы и все отображается хорошо, но в Firefox 3.6 футер взлетает вверх. Посмотреть можно по адресу {нельзя} или скриншот

69452670.jpg

html код страницы:
Код:
<body>
<div class="wrap">
	<div class="empty"><!-- --></div>
</div>
</div>
<div class="footer"></div>
</body>

CSS:

Код:
html, body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}
.wrap {
	height:auto !important;
	height:100%;
	min-height:100%;
	position:relative;
}
.empty {
	height:491px;
}

.footer { 
        height: 491px;
	background: url(/images/wrapper_bg.png) repeat-x 50% 100%;
	margin-top:-491px;
	position:relative;
}
Прошу подсказать, как решить данную проблему, буду мегоблагодарен! Спасибо.
 

M.O.Z.G

12 лет на форуме
Сообщения
52
Реакции
19
Ответ: Firefox 3.6 Прижатие футера к низу экрана

Смотрю на Ваш сайт браузером Fx3.6, не вижу этой проблемы. Хотя предполагаю это из-за внутренних двух контейнеров со стилями float: left и float:right.
А в приведенном коде у Вас один лишний закрывающий тег </div>.
 

Varhal

Участник
Топикстартер
Сообщения
4
Реакции
0
Ответ: Firefox 3.6 Прижатие футера к низу экрана

Смотрю на Ваш сайт браузером Fx3.6, не вижу этой проблемы. Хотя предполагаю это из-за внутренних двух контейнеров со стилями float: left и float:right.
А в приведенном коде у Вас один лишний закрывающий тег </div>.
Спасибо за ответ, а каким образом можно выровнять внутренние контейнеры вместо стилей float: left и float:right??
 

Varhal

Участник
Топикстартер
Сообщения
4
Реакции
0
Ответ: Firefox 3.6 Прижатие футера к низу экрана

Все рвботает, спасибо за помощь))) кому интересно, расскажу как
 

M.O.Z.G

12 лет на форуме
Сообщения
52
Реакции
19
Ответ: Firefox 3.6 Прижатие футера к низу экрана

а каким образом можно выровнять внутренние контейнеры вместо стилей float: left и float:right??
Ну в вашем случае ничто не мешает просто использовать position: absolute; left:0; и соответственно position: absolute; right:0;. Все элементы у вас с известной высотой. Два разнообтекаемых float элементов в "одной строке" как правило чреваты рассыпанием, это свойство для других целей служит.

Грубо говоря конструкция такого плана:
<div class="footer" style="width: 100%; height: 480px; position: relative;">
<div class="left-footer" style="position: absolute; left: 0; height: 450px; width: 150px">Что-то слева</div>
<div class="right-footer" style="position: absolute; right: 0; height: 450px; width: 120px">Что-то справа</div>
<div class="bottom-footer" style="width: 100%; height: 20px; margin-top: 450px;">Что-то длинное плоское внизу</div>
</div>
 
Статус
Закрыто для дальнейших ответов.