Fissare le misure di un Div o una tabella!

[Igreo]

Spesso vediamo che, un div o una tabella.. cambiano le proprie dimensioni a secondo di cosa vi sia stato immesso.. quindi se facciamo uno script di innerHTML, vediamo variare la dimensione del contenitore a seconda del contenuto.. ebbene, la mia richiesta è la seguente:

possiamo fare in modo che il contenitore rimanga di dimesioni fisse e non cambi con il contenuto.. ma magari adattiamo il contenuto alla dimensione del centenitore? Oppure, devo per forza di cose utilizzare l'iframe (con scorrimento!) per questo di problema?

Ciao e sempre grazie!!

[ricman]

Originariamente inviato da Igreo
Spesso vediamo che, un div o una tabella.. cambiano le proprie dimensioni a secondo di cosa vi sia stato immesso.. quindi se facciamo uno script di innerHTML, vediamo variare la dimensione del contenitore a seconda del contenuto.. ebbene, la mia richiesta è la seguente:

possiamo fare in modo che il contenitore rimanga di dimesioni fisse e non cambi con il contenuto.. ma magari adattiamo il contenuto alla dimensione del centenitore? Oppure, devo per forza di cose utilizzare l'iframe (con scorrimento!) per questo di problema?

Al div che vuoi dimensioonare applichi questo css: overflow:hidden (oppre "auto" o "scroll" a seconda di cosa vuoi ottenere). Ricordati, in quel css, di attribuire sia il width che l'height.
Fai qualche prova ed eventualmente chiedi cosa non ti torna...

Ciao

[Igreo]

Sembra proprio che il migliore sia l'auto che vi appone le scroll.. ma il problema è:

Su Firefox lo script non mi funziona e quindi non posso dirvi nulla;
Su IE non funziona affatto e il div prende le misure del suo contenuto ugualmente.. nessuna traccia della scroll;
Su Opera invece, funziona tutto alla perfezione!

HELP!^^ò

Ciao!;D

[ricman]

Originariamente inviato da Igreo
Su Firefox lo script non mi funziona e quindi non posso dirvi nulla;
Su IE non funziona affatto e il div prende le misure del suo contenuto ugualmente.. nessuna traccia della scroll;

Deve funzionare...
Posta il pezzo di codice incrimitato, forse hai scritto male qualcosa.

[Igreo]

Questo è contenuto nel .css esterno

 #subtickertape {
	background-color:black;
	border: 1px solid black;
	width:300;
	height:30;
	overflow:auto;
}

Questo invece è lo script che è nel BODY per le NEWS e che dovrebbe funzionare come detto.. cioè mantenere invariato la grandezza del DIV.. che come detto con IE e non so per FIREFOX, non funziona!(Con Opera funziona tutto perfettamente e devo provare netscape!)

<div id="subtickertape" class="subtickertapefont" style="width:300; height:30">Inizialiazzazione NEWS</div>
<script language="JavaScript1.2">
<!--
	var speed=8000;
	var news=new Array();
	 news[0]="Ciaooooo";
	 news[1]="OOOOOOOOOOOOOOOOOOO";
	 news[2]="OOOOOOOOOOOOOOOOoooooooooooooooooooo!";
	 news[3]="Comeeeeeeeeeeeeeeeeeee";
	 news[4]="vaaaaaaaaaaaaaaaaaaaaAAAAAAAAAAAAAAA?";
	i=0;
function regenerate(){
	window.location.reload();
}
function regenerate2(){
	if (document.layers) setTimeout("window.onresize=regenerate",450);
}
function update(){
	if (document.layers){
		document.subtickertape.document.write('<span class="subtickertapefont">'+news[i]+'</span>');
		document.subtickertape.document.close();
	}
	else if (document.getElementById) document.getElementById('subtickertape').innerHTML=news[i];
	else document.all.subtickertape.innerHTML=news[i];
	i++;
	if (i == 5) i=0;
	setTimeout("update()",speed);
}
-->
</script>

[ricman]

Originariamente inviato da Igreo

 #subtickertape {
	background-color:black;
	border: 1px solid black;
	width:300;
	height:30;
	overflow:auto;
}

Ho segnato di rosso l'errore... Manca l'unità di misura! Scrivi:
"width: 300px" e "height: 30px"

Ciao

[Igreo]

Scusami ma io sapevo che la misura px era possibile omettarla in quanto era sottintesa.. mentre se l'unità è diversa da PX, dovevo per forza citarla! Quando è vero questo? In Javascript?

ES.

img src="gif/search.jpg" border="1" hspace="10" vspace="10" width ="74"

Qui i valori non sono espressi in px? Eppure non vi è scritto.. Questo è codice HTML, vale lo stesso per il javascript? Quindi soltanto il css ha bisogno di ogni "estensione"? Mi sto sbagliando?

Ciao e grazie infinite!!

[ricman]

Originariamente inviato da Igreo
Scusami ma io sapevo che la misura px era possibile omettarla in quanto era sottintesa.. mentre se l'unità è diversa da PX, dovevo per forza citarla! Quando è vero questo? In Javascript?

ES.

img src="gif/search.jpg" border="1" hspace="10" vspace="10" width ="74"

Qui i valori non sono espressi in px? Eppure non vi è scritto.. Questo è codice HTML, vale lo stesso per il javascript? Quindi soltanto il css ha bisogno di ogni "estensione"? Mi sto sbagliando?

Ma hai provato ad assegnare i px al div o no? Funziona? (a me si)...
Non confondere i css "esterno" col codice "in pagina" dentro i tag html...

[Igreo]

Si certo funziona.. ti ringrazio molto!
La domanda invece era.. come penso tu abbia sottinteso alla risposta, se soltanto nel css devo dichiarare l'esternzione px per le dimensioni di un oggetto!??

CIAO!

[ricman]

Originariamente inviato da Igreo
...
se soltanto nel css devo dichiarare l'esternzione px per le dimensioni di un oggetto!??

.... è la mia riposta definitiva.... la accendiamo?

...e aggiungo che da css puoi anche cambiare l'unità di misura (px, em, %, pt...)

Ciao