Eliminar el contenido de un <div>

[hieloverde]

Hola a todos

No se como puedo eliminar el contenido de un <div> para que quede vacio y deje de ocupar espacio, el contenido se lo asigno de la siguiente forma

Código:

document.getElementById('capa').innerHTML="contenido";

Y luego intento quitarle este contenido asi

Código:

document.getElementById('capa').innerHTML="";

Se borra si, pero sigue ocupando el espacio, no deja que los elementos debajo de ella suban como tal y como estaba antes de ponerle el contenido.

Espero haber sido lo mas claro posible,

Un saludo

[Cap.Buscapina]

probá con esto:

document.getElementById('capa').style.display = "none"

y luego para mostrarlo:

document.getElementById('capa').style.display = "inline"

[hieloverde]

Hombre, Cap.Buscapina,tu solución funciona de maravilla.

Eso era exactamente a los que me referia, ahora me doy cuenta que lo de innerHTML estaba fuera totalmente de lugar .

Aunque no termino de entender eso de "display"? pero lo importante es que funciona como debe ser.

Muy agradecido Cap.Buscapina!

Saludos

[vites]

La propiedad display se usa para definir un elemento con uno de cuatro valores:

* block (un salto de línea antes y después del elemento)
* inline (ningún salto de línea antes ni después del elemento)
* list-item (igual que block, salvo que se agrega un marcador de ítems de lista)
* none (sin visualización)

A cada elemento típicamente se le da un valor de display (visualización) por defecto para el navegador, basado en la interpretación sugerida en la especificación HTML.

[hieloverde]

Hola vites,

Gracias por tu explicación de la propiedad display, ahora comprendo mucho mejor su aplicación.

Saludos,