Картинка как авторегулирующийся фоотер

Статус
В этой теме нельзя размещать новые ответы.
rafic

rafic

Местный житель
Регистрация
14 Май 2008
Сообщения
477
Реакции
24
Господа, требуется CSS код который разместил бы внизу странички плавающую картинку, которая автоматически подстраивалась под нижний край браузера. То есть, не зависимо от разрешения, что бы она всегда находилась своим нижним краем у нижнего края странички в браузере.
Желательно код валидарный для ИЕ6, ИЕ7, Опера, Мазила.
 
Если я правильно понял, нужно что-то вроде этого:
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
.footer {
	position: fixed;
	bottom: 0;
	left: 40%;
}
</style>
</head>
<body>
Работает в ie7, opera, ff, chrome. Больше проверить не на чем.
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />

<div class="footer"><img src="http://img2.pict.com/58/2c/50/ea2b68102b771cbee3822fd993/Lqufh/logo3.gif" /></div>

</body>
</html>
 
и что, каждый раз когда меняется кол-во контента подгонять кол-во БРяк?) верхнему диву на 100% высоту, а диву футера отрицательный топ-маргин. дето в соседней теме писалось уже об этом.
HTML: 
<div style="height:100%">
  <div style="margin:0 0 100px 0;">content</div>
</div>
<div style="margin:-100px; height:100px;">footer</div>
 
Не уверен, что понял требование правильно...
На одном из своих сайтов сделал так (картинка во всех браузерах - впритык правого нижнего угла:(
body {
background-image: url(img/kartinka.jpg);
background-repeat: no-repeat;
background-position: bottom right;
background-attachment: fixed;
padding: 0px 0px 0;
margin: 0px 0px 0;
}
 
whitewolff написал(а):
и что, каждый раз когда меняется кол-во контента подгонять кол-во БРяк?) верхнему диву на 100% высоту, а диву футера отрицательный топ-маргин. дето в соседней теме писалось уже об этом.
HTML: 
<div style="height:100%">
  <div style="margin:0 0 100px 0;">content</div>
</div>
<div style="margin:-100px; height:100px;">footer</div>
Нажмите для раскрытия...
lol.

кол-во БРяк в моём примере задано только для наглядности - можешь их вообще удалить, результат не изменится.

А твой код выведит при doctype xhtml 2-t строки одна под другой.
И запомни - у слоёв нельзя назначить высоту 100%, только либо автоматически по контенту лмбо фиксированную.
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху