Установите CSS для #footer
к:
position: absolute;
bottom: 0;
необходимо будет тогда добавить padding
или margin
к нижней части Вашего #sidebar
и #content
для соответствия высоте #footer
или когда они наложатся, эти #footer
покроет их.
кроме того, если я помню правильно, IE6 имеет проблему с bottom: 0
CSS. Вам, возможно, придется использовать решение JS для IE6 (если Вы заботитесь о IE6, который является).
Поскольку Содержимое iframe находится из другого домена, вы не сможете изменить его DOM по соображениям безопасности.
Хотя вы можете прокручивать его с помощью клавиш со стрелками, когда он активирован. По крайней мере, у меня это работает в Chrome и Firefox.
Если вы хотите иметь возможность прокручивать его из javascript, я бы предложил следующий подход. (предполагается, что вы знаете ширину и высоту содержимого iframe и вашего iframe). В основном позвольте div в вашей DOM позаботиться о прокрутке.
<a href="#" id="scroll">Scroll to (400,400)!</a><br />
<div id="google" style="width: 300px; height: 200px; overflow: auto;">
<iframe width="800" height="600" src="http://www.google.com/" scrolling="no">
</iframe>
</div>
<script type="text/javascript">
$("#scroll").click(function()
{
$("#google").scrollTop(400).scrollLeft(400);
return false;
});
</script>
Для более плавной прокрутки div вы можете попробовать код из этой статьи .