hacer div visible pero que no ocupe espacio

JOSANCIN · #1 (**permalink**) 05/07/2012, 09:55

Hola a todos

tengo dos divs, uno visible y otro invisible.

Con la funcion limpiar:

<script>
function limpiar()
{
document.getElementById("contenido").innerHTML="";
document.getElementById("presentacion").style.visi bility="visible";
}

</script>

<body>
<div id="contenido">
texto texto
</div>

<div id="presentacion">
texto texto
</div>

</body>

hago que el visible se haga invisible y el invisible visible

el problema es que el div contenido al tener texto aunque es invisible si que ocupa un espacio, agradeceria si alguien me pudiese decir que hacer para que no ocupe espacio
Espero haberme explicado bien

Gracias y que vaya bien

caricatos · #2 (**permalink**) 05/07/2012, 10:07

Hola:

El estilo visibility, reserva su espacio, y podría cambiarse por display (none, block)...

Aunque si se tratase de una capa con posicionamiento absoluto, podría servirte visibility...

Saludos

leonardo308 · #3 (**permalink**) 05/07/2012, 10:21

Prueba esto:

Código Javascript:

Ver original<script>
    function limpiar(id){
        objeto=document.getElementById(id).style;
    
        if(objeto.display=="none")
            objeto.display="inline";
        else
            objeto.display="none";
    }
</script>
<body>
    <div id="contenido">
        texto texto
    </div>
 
    <div id="presentacion">
        texto texto
    </div>
    <button onclick="limpiar('contenido')">Probar</button>
</body>

En el onclick le pasas como parametro el id que quieras ocultar o aparecer.

Espero haberte ayudado.

caricatos · #4 (**permalink**) 05/07/2012, 10:59

Hola:

Cita:

Iniciado por leonardo308

Prueba esto:

...

Para elementos en bloque, com un div la propiedad de mostrar (display) es block..., inline es para elementos ídem (a, span, b, i,...)

Saludos