tamano de un DIV

ultimateZERO · #1 (**permalink**) 07/04/2008, 20:52

hola, alguien sabe como hacer un div de tamano 0? lo k pasa es k estoy ocultando/mostrando un bloke que esta entre div, eso lo hago con javaS, el problema no es ocultarlo y mostrarlo, mi problema es k cuando lo oculto queda ese espacio en blanco y lo k quiero es k cuando lo oculte, el contenido k este abajo se suba. algo asi como en youtube.com cuando le das a la derecha en "Related Videos" k se oculta o muestra lo de abajo se sube.

entonces pense k alomejro debia poner el div con with y height = 0 para k no ocupe ese espacio. por eso puse este tema aki, por k pregunto sobre una etiketa HTML - div

(por cierto no estoy repitendo el tema, uno k puse en javaS, por k esta es otra duda)

de antemano, gracias

Daca · #2 (**permalink**) 08/04/2008, 01:02

Hola!
¿Podrias mostrar el codigo JS que utilizas?
De todas formas, segun cuentas, me da la sensacón de que estas utilizando "visibility" en lugar de "display".
La diferencia radica precisamente en lo que te ocurre, "visibility" muestra/oculta el elemento pero la zona que ocupa sigue estando, sin embargo con la propiedad "display: block/none", haras que el div se muestre o se oculte, dejando libre la zona que ocupa tras ocultarse.

Saludos!

ultimateZERO · #3 (**permalink**) 08/04/2008, 10:42

hola, primero k nada muchas gracias por responder y por la info. pues aki t dejo el codigo y si como decias el problema esta en visibility

Código HTML:

<html>
<head>

<script LANGUAGE="javascript">
	var capa
	
	function cambio(idCapa)
	{
		 if (document.layers)
		 	capa = eval("document." + idCapa);
			
		 if (document.all)
		 	capa = eval(idCapa + ".style");
			
		 if (document.getElementById)
		 	capa = eval('document.getElementById("' + idCapa + '").style');
		
		 if ((capa.visibility == "hidden") || (capa.visibility == "hide"))
		 {
		 	capa.visibility = (document.layers) ? "show" : "visible" ;
		 }
		 else
		 {
		 	capa.visibility = (document.layers) ? "hide" : "hidden" ;
		 }
	}
</script>

</head>
<body>
	<div id="capa1" style='position:relative;'>
	Esta es la capa 1
	</div>

	<div id="capa2" style='position:relative;'>
	Esta es la capa 2
	</div>

	<a href="#" onClick="cambio('capa1')">Muestra/oculta la capa 1</a>
	<br>
	<a href="#" onClick="cambio('capa2')">Muestra/oculta la capa 2</a>

</body>

</html>

Mikmoro · #4 (**permalink**) 08/04/2008, 12:23

Exactamente como bien te ha explicado Daca.

Por si te lías con los atributos de css, te pongo tu script modificado con lo que necesitas. Seguramente esto ya lo sabes hacer tú, pero como lo he estado probando a ver si todo iba bien, te lo pongo porque ya estaba escrito:

Cita:

<html>
<head>
<script LANGUAGE="javascript">
var capa
function cambio(idCapa)
{
if (document.layers)
capa = eval("document." + idCapa);

if (document.all)
capa = eval(idCapa + ".style");

if (document.getElementById)
capa = eval('document.getElementById("' + idCapa + '").style');

if ((capa.display == "none"))
{
capa.display = (document.layers) ? "show" : "block" ;
}
else
{
capa.display = (document.layers) ? "none" : "none" ;
}
}
</script>
</head>
<body>
<div id="capa1" style='position:relative;'>
Esta es la capa 1
</div>
<div id="capa2" style='position:relative;'>
Esta es la capa 2
</div>
<a href="#" onClick="cambio('capa1')">Muestra/oculta la capa 1</a>
<br>
<a href="#" onClick="cambio('capa2')">Muestra/oculta la capa 2</a>
</body>
</html>

Mikel.

ultimateZERO · #5 (**permalink**) 08/04/2008, 12:40

hola, pues muchas gracias por k la verdad si tengo algo de problemas con las propiedades de css, ya me avia leido un tutorial de css pero muy basico, si conoces alguno mas completo me avisas sas?

detodas formas muchas gracias me sirvio de mucho, nos vemos