come modificare width div con javascript e IE6

**pietro09** · 11-03-2006, 17:57

Con Firefox 1.5 it funziona come ci si aspetta, ma in IE6 non sono proprio riuscito a modificare via codice la larghezza di un div, senza perdere l'altezza.
Con la paginetta di prova qui sotto, imposto la larghezza correttamente, ma l'altezza si riduce a 2 px.
Spero proprio in un aiuto

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>Untitled Page</title>

	<script language="javascript" type="text/javascript">
// <!CDATA[

function Button1_onclick() 
{
	document.getElementById("div2").style.width = "80%";
	document.getElementById("div2").style.height = "100%";
}

// ]]>
	</script>

</head>
<body>
	<div id="div1" style="position: relative; width: 300px; height: 100px; border: 1px red solid;">
		<div id="div2" style="position: absolute; left: 0px; top: 0px; width: 10%; height: 100%; font-size: 0pt; background-color: Olive;">
		</div>
	</div>
	

	<input id="Button1" type="button" value="button" onclick="return Button1_onclick()" />
</body>
</html>

**pietro09** · 14-03-2006, 11:01

forse ho fatto una domanda sciocca?

:master:

**Xinod** · 14-03-2006, 14:50

no, sembra dia fastidio il posizionamento assoluto rispetto a quello relativo del box padre, il problema non si presenterebbe se fosse normalmente contenuto in esso

idem se avesse un altezza non relativa, non la perderebbe

la prima soluzione che mi viene in mente e' rilevare l' altezza e settarla dopo aver modificato la lunghezza

codice:

var h=document.getElementById("div2").offsetHeight;
document.getElementById("div2").style.width = "80%";
document.getElementById("div2").style.height = h;

che, almeno nell' esempio minimale che hai postato, sembra funzionare

ciao Pietro

**pietro09** · 14-03-2006, 15:01

allora c'è qualcuno che mi risponde

ero arrivato più o meno alle stesse conclusioni, ma speravo di sbagliare:

ho fatto (copio pari-pari:

codice:

this.indicatore.style.height = (this.involucro.offsetHeight - 2) + "px";

al posto di:

codice:

//this.indicatore.style.height = "100%";

cioè ho dovuto togliere 2 esatti per tenere conto del bordo

La cosa però mi piace poco

Discussione: come modificare width div con javascript e IE6

Strumenti discussione

Ricerca discussione

Visualizza

come modificare width div con javascript e IE6

Permessi di invio