Hola, necesito alternar dos capas, ambas están con "float", una "right" y otra "left" y se muestran una al lado de la otra.
Necesito poder cambiar los lados con JavaScript, pero la propiedad CSS
"float" tiene como equivalencia
objeto.style.align y no me funciona igual, es más, creo que este
style.align de javascript ni siquera hace que las capas sean float...
Lo que hago ahora:
Código:
var capaTexto = document.getElementById('areaTexto');
var capaFoto = document.getElementById('areaFoto');
switch (formato)
{
case 'T-F':
capaTexto.style.display = 'block';
capaTexto.style.align = 'left'; //NO HACE FLOAT....
capaFoto.style.display = 'block';
capaFoto.style.align = 'right';
break
case 'F-T':
capaTexto.style.display = 'block';
capaTexto.style.align = 'right';
capaFoto.style.display = 'block';
capaFoto.style.align = 'left';
break;
case 'F':
capaTexto.style.display = 'none';
capaFoto.style.display = 'block';
capaFoto.style.clear = 'both';
capaFoto.style.marginLeft = 'auto'; //centrar capa, tampoco la deja centrada
capaFoto.style.marginRight= 'auto';
break;
}
Aclaración: Hago
capaFoto.style.display = 'block'; porque tambien las oculto y muestro, y las debo ocultar con
display= 'none' para que otra ocupe su lugar, si hiciera
visibility = 'hidden' se quedaría el hueco
Gracias