Foros del Web » Creando para Internet » HTML »

Problema con DIV's

Estas en el tema de Problema con DIV's en el foro de HTML en Foros del Web. Hola, tengo un problema, y es el siguiente: Necesito poner 2 contenedores DIV uno encima del otro, para que con javascript consiga que aparezca uno ...
  #1 (permalink)  
Antiguo 25/10/2009, 17:57
 
Fecha de Ingreso: octubre-2009
Mensajes: 2
Antigüedad: 8 años, 1 mes
Puntos: 0
Problema con DIV's

Hola, tengo un problema, y es el siguiente:

Necesito poner 2 contenedores DIV uno encima del otro, para que con javascript consiga que aparezca uno u otro.

Pero el problema se centra en el aspecto éstetico no tanto en la programación.

El caso es que en FIREFOX y GOOGLE CROME se ve como deseo, que es así:

subirimagenes . com / privadas-crome-702747 . html <-- junta los espacios

Pero con INTERNET EXPLORER 8 se me ve así:

subirimagenes . com / privadas-ie8-702754 . html <-- junta los espacios

Este es el codigo, hambos divs se encuentran dentro de otro DIV con position:absolute; y éste a su vez dentro de una celda.


Código HTML:
    <tr>
        <td colspan="2" align="center">
            <div style="position:relative; width:650px; height:388px;">
                <div style="position:absolute; visibility:visible;">
                    <img src="img/fotoequipo.jpg" alt="Equipo" border="0" longdesc="Foto de equipo" />
                </div>
                <div style="position:absolute; visibility:hidden;">
                                	otra foto
                </div>
            </div>
        </td>
    </tr> 
  #2 (permalink)  
Antiguo 25/10/2009, 18:24
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.547
Antigüedad: 15 años, 8 meses
Puntos: 1262
Respuesta: Problema con DIV's

Hola:

Supongo que debería bastar con aplicar los estilos left/top con el valor 0 (cero), pero también tendría que valer usar display en vez de visibility...

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #3 (permalink)  
Antiguo 26/10/2009, 03:58
 
Fecha de Ingreso: octubre-2009
Mensajes: 2
Antigüedad: 8 años, 1 mes
Puntos: 0
Respuesta: Problema con DIV's

ya lo solucione, mi problema era que el <TD> lo tenia aling="center" y alineaba el borde izquierdo del DIV en el centro de la celda. Asique con quitar la propiedad aling a sido suficiente, pero para que ponga el div bien centrado en la celda hizo falta ponerle el estilo margin=auto;

De todas formas, muchas gracias por la respuesta!

Código HTML:
 <tr>
        <td colspan="2">
            <div style="position:relative; width:650px; height:388px; margin=auto;">
                <div style="position:absolute; visibility:visible;">
                    <img src="img/fotoequipo.jpg" alt="Equipo" border="0" longdesc="Foto de equipo" />
                </div>
                <div style="position:absolute; visibility:hidden;">
                                	otra foto
                </div>
            </div>
        </td>
    </tr> 
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 12:34.