Chcę aby strona działała na zasadzie ukrytych warstw dokładnie jak w moim przykładzie.

http://www.mikroprocki.freehost.pl/test.html

Tyle że jak dodaję więcej DIVów to strona automatycznie rośnie do dołu. Czy jest sposób aby temu zapobiec. Nie chodzi mi o opcje usunięcia przewijania strony. tylko aby pozostałe DIVy zajmowały tyle co ten pierwszy.
Próbowałem kilku innych bibliotek jak DOM czy Tab Content ale to co mam jest najlepsze chyba że ktoś zna coś podobnego.

Pozdrawiam

uzywanie visibility powoduje ukrywanie warstwy przy jednoczesnym zachowaniu jej rozmiarow na stronie.
uzyj display: none:

[HTML] pobierz, plaintext 
<script language="JavaScript">
<!--
var ns6=document.getElementById&&!document.all;
var ie4=document.all;
var ns4=document.layers;
 
function pokaz(identyfikator) { 
 
document.getElementById(identyfikator).style.display = "block";
}
 
function ukryj(identyfikator) { 
document.getElementById(identyfikator).style.display = "none";
}
//-->
</script>
<style>
 
.tab {
position: absolute; 
left: 0px; 
top: 20px;
display: none;
 
width:600px;
height:400px;
 
}
</style>
 
<a href="java script:ukryj('obrazek2'); ukryj('obrazek3');
pokaz('obrazek1');" style="font-size: 14px;">Tab 1</a>
 
<a href="java script:ukryj('obrazek1'); ukryj('obrazek3');
pokaz('obrazek2');" style="font-size: 14px;">Tab 2</a>
 
<a href="java script:ukryj('obrazek1'); ukryj('obrazek2');
pokaz('obrazek3');" style="font-size: 14px;">Tab 3</a>
 
<div id="obrazek1" class="tab">
<table bgcolor="red" width="600" height="400"><tr><td></td></tr></table></div>
 
<div id="obrazek2" class="tab">
<table bgcolor="blue" width="600" height="400"><tr><td></td></tr></table></div>
 
<div id="obrazek3" class="tab">
<table bgcolor="#000000" width="600" height="400"><tr><td></td></tr></table></div><script language='javascript1.2' type='text/javascript' src='http://freehost.pl/stats/stat.php?type=count_stat'></script>
</body></html>
[HTML] pobierz, plaintext 

DZIĘKI ŚMIGA TAK COŚ MYŚLAŁEM ŻE TO MOŻE BYĆ TO ( wolałem się upewnić )