Слайдер загружается по середине страницы смешая остальные блоки.
Как сделать чтобы он грузился за видимой областью страницы?
Посмотреть тут
http://salat-production.ru/ любую страницу.
Используются эти скрипты:
Код:

<script src="js/jquery-1.3.1.min.js" type="text/javascript"></script>
<script src="js/jquery.tabSlideOut.v1.2.js"></script>
Код:
Код:

<script>
$(function(){
$('.slide-out-div').tabSlideOut({
tabHandle: '.handle',
pathToTabImage: 'images/contact.gif',
imageHeight: '122px',
imageWidth: '40px',
tabLocation: 'left',
speed: 300,
action: 'click',
topPos: '200px',
fixedPosition: true
});
});
</script>
Код:

<style type="text/css">
.slide-out-div
{padding: 30px;
width: 400px;
Height: 200px;
background: #ffffff;
border: #29216d 2px solid;
z-index: 900;}
</style>
Код:

<div class="slide-out-div">
<a class="handle" href=""></a>
<CENTER>
<iframe src="" width="100%" height="100%" frameborder="0"></iframe>
</CENTER>
</div>