posizionamento <div>

[dops]

Ciao, ho alcuni livelli (<div>) che con una funzione javascript visualizzo o nascondo..
ho un problema con il posizionamento di questi livelli, in quanto devono visualizzarsi tutti in un tag <td>. Quindi ho creato una classe css da applicare a tutti questi livelli.
La classe è questa:

.divcompany
{
	font-size: 11px;
	color: black;
	font-family: verdana;
	position: absolute;
	text-decoration: none;
}

Come vedete il posizionamento è assoluto, il che significa che i livelli si posizionano sopra il tag <td> senza praticamente allungare o accorciare la larghezza della tabella.
Se cambio il tipo di posizionamento, capita che i livelli si posizionano all'interno del <td> ma la tabella si allunga in maniera sproporzionata.. cioè pur visualizzando un solo livello, la tabella resta allungata per tutti i livelli (anche quelli che non sono in quel momento visibili)
Ecco il codice javascript (forse si può cambiare ) che uso per visualizzare e nascondere i livelli:

function viewhidelayer(layername){

	var chisiamo=document.getElementById("chisiamo");
	var obiettivi=document.getElementById("obiettivi");
	var applicazione=document.getElementById("applicazione");
	var organigramma=document.getElementById("organigramma");
	var dove=document.getElementById("dove");

if(layername=="chisiamo")
{
	obiettivi.style.visibility="hidden";
	applicazione.style.visibility="hidden";
	organigramma.style.visibility="hidden";
	dove.style.visibility="hidden";
	chisiamo.style.visibility="visible";
	
}else if(layername=="obiettivi")
{
	
	obiettivi.style.visibility="visible";
	applicazione.style.visibility="hidden";
	organigramma.style.visibility="hidden";
	dove.style.visibility="hidden";
	chisiamo.style.visibility="hidden";
	
}else if(layername=="applicazione")
{

	obiettivi.style.visibility="hidden";
	applicazione.style.visibility="visible";
	organigramma.style.visibility="hidden";
	dove.style.visibility="hidden";
	chisiamo.style.visibility="hidden";
	
}else if(layername=="organigramma")
{

	obiettivi.style.visibility="hidden";
	applicazione.style.visibility="hidden";
	organigramma.style.visibility="visible";
	dove.style.visibility="hidden";
	chisiamo.style.visibility="hidden";

}else if(layername=="dove")
{

	obiettivi.style.visibility="hidden";
	applicazione.style.visibility="hidden";
	organigramma.style.visibility="hidden";
	dove.style.visibility="visible";
	chisiamo.style.visibility="hidden";
}
else
{
	obiettivi.style.visibility="hidden";
	applicazione.style.visibility="hidden";
	organigramma.style.visibility="hidden";
	dove.style.visibility="hidden";
	chisiamo.style.visibility="visible";
}
}

Ecco come richiamo la funzione di sopra:

» Chi siamo

» Obiettivi

» Ambiti di applicazione

» Organigramma

Come posso risolvere?

[Xinod]

se lasci il posizionamento relativo e al posto di cambiare la visibilita' cambi il display, i livelli nascosti non dovrebbero occupare spazio

al posto di
organigramma.style.visibility="hidden";

organigramma.style.display="none";

al posto di
organigramma.style.visibility="visible";

organigramma.style.display="block";


sinceramente lo script non e' molto bello a vedersi,
prepara un array con tutti gli id,
cicla per esso nascondendo i livelli
e mostra solo quello che deve rimanere

ciao

[dops]

grazie mille
si devo cambiarlo.. fà proprio vomitare
hehe..