Newsgroup: it.comp.lang.javascript
Titolo: show/hide e problema di rendering

http://www.studioarlotti.com/comunicazione.php
Gli elementi del footer (immagine della penna, copyright e credits)
sono posizionati in modo assoluto rispetto al box che li contiene
(footer, appunto), impostato a sua volta come position:relative.
Provate a cliccare sul link "eventi" in fondo alla pagina. Attraverso
un javascript visualizzo un box di testo prima invisibile, che "spinge"
in giů il footer della pagina per ricavarsi lo spazio necessario. Ma
come potete notare in IE6 gli elementi del footer non seguono il box
padre nell'abbassamento e restano in mezzo alla pagina...
Qualcuno saprebbe fornirmi una soluzione?
Vi allego l'html e il css del footer (il javascript č nel codice della
pagina, ma dovrebbe essere corretto).
<div id="footer">
<div id="testoFooter">Studio Arlotti - tutti i diritti riservati</div>
<div id="email"><img src="../gui/email.png" alt="email" width="189"
height="72"></div>
<div id="credits">Credits</div>
</div>
#footer {
height: 54px;
width: 750px;
margin-right: auto;
margin-left: auto;
position: relative;
}
#footer #testoFooter {
position: absolute;
top: 20px;
font-size: 10px;
color: #666666;
left: 0px;
width: 750px;
height: 20px;
}
#footer #email {
position: absolute;
left: 577px;
height: 72px;
width: 189px;
top: -31px;
}
#footer #credits {
font-size: 10px;
position: absolute;
left: 12px;
top: 55px;
color: #999999;
height: 15px;
width: 150px;
text-align: left;
}
-- 
Hedon

 padre nell'abbassamento e restano in mezzo alla pagina...
Ahia ... stesso problema che ho avuto (e non risolto) nella pagina
www.sologgi.it
 (premi il link per la scheda prodotto e vedrai che con IE
una splendida curvettina rossa resta a sx in mezzo alla pagina...)
-- 
"Voi abili a tenere sempre un piede qua e uno là
 avrete un avvenire certo in questo mondo qua
 però la dignità
 dove l'avete persa?"
									    V.R.

 IE una splendida curvettina rossa resta a sx in mezzo alla pagina...)
Porca zozza io ci sto bestemmiando sopra da 2 giorni, ma possibile che
nessuno lo abbia mai risolto prima?? Nessuno sembra avere mai rilevato
il bug, eppure è una funzionalità che si vede molto in giro.
A parte dare fuoco a explorer non si può fare niente?
Ma guarda te se uno deve diventare così idiota per fare un sito di 5
pagine. 'sti zozzoni della microsoft.
-- 
Hedon

 pagine. 'sti zozzoni della microsoft.
:-) io me ne sono sbattuto, ma era solo una curvetta rossa...
-- 
"Ho smesso di fumare.
 Vivrò una settimana di più.
 E in quella settimana pioverà a dirotto"
									    W.A.

 nessuno lo abbia mai risolto prima?? 
Guarda... dipende molto da come è impostato tutto il layout della tua
pagina. Ad esempio, se provi:
	<body>
		<button onclick="switchDisplay()">click</button>
		<div id="test" style="display:none">
			 Saint Seiya<br />			
			 Saint Seiya<br />
			 Saint Seiya<br />
			 Saint Seiya<br />			 
		</div>	
		<div id="footer">
			<div id="testoFooter">Studio Arlotti - tutti i diritti
riservati</div>
			<div id="credits">Credits</div>
		</div>
	</body>	
Dovrebbe funzionare, usando gli stessi stili che hai scritto nel tuo
post precedente. Nel tuo caso è proprio il footer che non si sposta,
e quindi di conseguenza anche gli elementi interni rimangono lì.
Ovviamente la funzione "switchDisplay" non è altro che una cosa tipo:
	function switchDisplay(){
		var s = document.getElementById("test").style;
		s.display = s.display=="none"?"block":"none";
	}
-- 
~ "Ciò che il cuore conosce oggi, la testa comprenderà domani"
(Seneca)

 Gli elementi del footer (immagine della penna, copyright e credits)
[...]
Ho risolto piazzando il footer in un box contenitore a sua volta con
position:relative;
-- 
Hedon