Совсем запутался, почему невидимые слои занимают место на экране?

Помню, что раньше как-то делал, всё было нормально, но код потерял..

function qq(a) {
var vis
IE = (document.all)
NC = (document.layers)
Op = (document.getElementById)

for (var i=1; i<4; i++){
if(IE) vis = document.all["r"+i]
if(NC) vis = document.layers["r"+i]
if(Op) vis = document.getElementById("r"+i)
if (a!=i){vis.style.visibility = "hidden"}
else {vis.style.visibility = "visible"}
}
}
...
<a onclick="qq(1)" href="#">Ссылка 1</a>
<a onclick="qq(2)" href="#">Ссылка 2</a>
<a onclick="qq(3)" href="#">Ссылка 3</a>
...
<DIV id="r1" style="VISIBILITY: hidden">Пример 1</DIV>
<DIV id="r2" style="VISIBILITY: hidden">Пример 2</DIV>
<DIV id="r3" style="VISIBILITY: hidden">Пример 3</DIV>

можно поточнее пояснить вопрос?

Виноват, объяснил непонятно.

То есть, слои скрыты, их не видно, но на экране пустое поле высотой height=высота всех слоев.

А мне нужно, если слоя нет, то всё что после поднималась и наоборот

http://www.w3.org/TR/CSS2/visufx.html#prop...pdef-visibility
http://www.w3.org/TR/CSS2/visuren.html#propdef-display

тогда сделай так:

function qq(a) {
var vis
IE = (document.all)
NC = (document.layers)
Op = (document.getElementById)

for (var i=1; i<4; i++){
if(IE) vis = document.all["r"+i]
if(NC) vis = document.layers["r"+i]
if(Op) vis = document.getElementById("r"+i)
if (a!=i){vis.style.display = "none";}
else {vis.style.display = "block";}
}
}
...
<a onclick="qq(1)" href="#">Ссылка 1</a>
<a onclick="qq(2)" href="#">Ссылка 2</a>
<a onclick="qq(3)" href="#">Ссылка 3</a>
...
<DIV id="r1" style="display:none;">Пример 1</DIV>
<DIV id="r2" style="display:none;">Пример 2</DIV>
<DIV id="r3" style="display:none;">Пример 3</DIV>

Всем спасибо.

Вспомнил

Только почему-то когда слой появляется, текст следующий за ним появляется на это же строке, хотя после </div> должен начинаться со следующей

А в чем разница "block" и "inline"