Foros del web, para los que viven de bits

the_web_saint · 13-may-2008, 13:41

Hola, tengo un problema que no se como entrarle!!

Coloco una imagen en una pagina(bueno en realidad es en todas las paginas, pero el problema es en una especificamente).
La imagen tiene position absolute, en todas las paginas se ve bien tanto en mozilla como en IE, pero en la pagina principal(la de login), se ve en mozilla pero en IE no se que se hizo!!

Lo que no me explico es como se ve bien en todas las demas paginas y en una sola y con IE no!

Ojala puedan darme una pista de lo que puede estar pasando!

Mikmoro · 13-may-2008, 15:38

Cita:

Iniciado por the_web_saint

Ojala puedan darme una pista de lo que puede estar pasando!

Yo no. Para eso habría que ver el código aquí o en un enlace.

Mikel.

Ziongem · 14-may-2008, 07:45

A que le llamas verse mal?

the_web_saint · 14-may-2008, 08:20

No he dicho que se ve mal, lo que digo es que no se ve, pero solo sucede en esa pagina especifica y con IE, porque mozilla si la despliega.

the_web_saint · 14-may-2008, 08:44

bueno me tratare de explicar de una mejor forma jejejje

trozo de codigo de mi pagina:

Cita:

<html>
<head>
<title>Intranet ....</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body class="blog">
<div id="contenedor">
<div id="cabecera"><?php include('cabecera_vacia.php'); ?></div>
<div id="menu"><?php include('menu_vacio.php'); ?></div>
<div id="linea_menu"><?php include('linea_h.php');?></div>
<div id="logo"><?php include('logo_protecnia.php');?></div>
<link href="img_styles/lock.ico" rel="shortcut icon">
<div id="contenido">.......................</div>
................
</div>
</body>
</html>

el codigo de logo_protecnia.php es:

Cita:

<?php
echo"<h1><img src=\"imagenes/protecnia.gif\" title=\"Protecnia\" alt=\"Logo de Protecnia\" /></h1>";
?>

y finalmente el trozo de codigo del css para esta capa es:

Cita:

#logo
{
padding:0px 0px 0px 0px;
margin-top:0px;
margin-right:10%;
overflow:hidden;
position:absolute;
top:115px;
right:3%;
width:100px;
height:100px;
}
#logo h1 img
{
width:100px;
height:100px;
right:auto;
display:block;
margin-top:0px;
padding:0px;
}
#logo h1
{
width: 100px;
height: 100px;
margin-top:0px;
margin-right:0px;
}

esto lo uso en todos los archivos y no he tenido problemas con IE ni mozilla, solo es en esta que IE no muestra la imagen(logo_protecnia).

Gracias Nuevamente...

Mikmoro · 14-may-2008, 10:50

Pues deberás comparar el código coma a coma, porque si sólo es en esa que no lo muestra, y ices que el código es idéntico, sólo pueden pasar dos cosas: o bien el código no es idéntico y hay algún pequeño error, o bien algún otro elemento te lo está tapando. Es impeninable.

Yo preferiría ver el enlace para poder ver el código generado por el php mejor que el propio código php.

Mikel.

the_web_saint · 14-may-2008, 10:59

Como se ve en el codigo, el div contenedor abarca a el div logo.
Tome y saque el div logo de contenedor y me mostro la imagen. el div contenedor no tiene definido estilos, pero en todas las paginas la estructura es la misma, osea q el div contenedor abarca a el div logo, pero solo en esta pagina se no se ve la imagen.

Con este cambio al parecer muestra la imagen, pero no entendi muy bn el porq?. y menos q solo pasara en esta pagina!

Mikmoro · 14-may-2008, 11:08

A eso me refería con que podrías tener otro elemento tapando al logo (puesto delante en z-index), ya que el logo en posición absoluta podría haberse escondido detrás.

Mikel.

P.D.: y te recomiendo eliminar right: auto; de este selector

width:100px;
height:100px;
right:auto;
display:block;
margin-top:0px;
padding:0px;
}

the_web_saint · 14-may-2008, 12:05

Gracias Mikmoro por tu ayuda!
:D

13-may-2008, 13:41	#1 (permalink)
the_web_saint Fecha de Ingreso: mayo-2008 Ubicación: Panamá, Panamá Mensajes: 103	Problemas con Position Absolute en IE Hola, tengo un problema que no se como entrarle!! Coloco una imagen en una pagina(bueno en realidad es en todas las paginas, pero el problema es en una especificamente). La imagen tiene position absolute, en todas las paginas se ve bien tanto en mozilla como en IE, pero en la pagina principal(la de login), se ve en mozilla pero en IE no se que se hizo!! Lo que no me explico es como se ve bien en todas las demas paginas y en una sola y con IE no! Ojala puedan darme una pista de lo que puede estar pasando!

13-may-2008, 15:38	#2 (permalink)
Mikmoro Colaborador Fecha de Ingreso: octubre-2006 Ubicación: A tu espalda Mensajes: 2.862	Re: Problemas con Position Absolute en IE Cita: Iniciado por the_web_saint Ojala puedan darme una pista de lo que puede estar pasando! Yo no. Para eso habría que ver el código aquí o en un enlace. Mikel.

14-may-2008, 07:45	#3 (permalink)
Ziongem Fecha de Ingreso: noviembre-2007 Ubicación: mvd Mensajes: 47	Re: Problemas con Position Absolute en IE A que le llamas verse mal? __________________ Ziongem.com \| web state of mind

14-may-2008, 08:20	#4 (permalink)
the_web_saint Fecha de Ingreso: mayo-2008 Ubicación: Panamá, Panamá Mensajes: 103	Re: Problemas con Position Absolute en IE No he dicho que se ve mal, lo que digo es que no se ve, pero solo sucede en esa pagina especifica y con IE, porque mozilla si la despliega.

14-may-2008, 08:44	#5 (permalink)
the_web_saint Fecha de Ingreso: mayo-2008 Ubicación: Panamá, Panamá Mensajes: 103	Re: Problemas con Position Absolute en IE bueno me tratare de explicar de una mejor forma jejejje trozo de codigo de mi pagina: Cita: <html> <head> <title>Intranet ....</title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body class="blog"> <div id="contenedor"> <div id="cabecera"><?php include('cabecera_vacia.php'); ?></div> <div id="menu"><?php include('menu_vacio.php'); ?></div> <div id="linea_menu"><?php include('linea_h.php');?></div> <div id="logo"><?php include('logo_protecnia.php');?></div> <link href="img_styles/lock.ico" rel="shortcut icon"> <div id="contenido">.......................</div> ................ </div> </body> </html> el codigo de logo_protecnia.php es: Cita: <?php echo"<h1><img src=\"imagenes/protecnia.gif\" title=\"Protecnia\" alt=\"Logo de Protecnia\" /></h1>"; ?> y finalmente el trozo de codigo del css para esta capa es: Cita: #logo { padding:0px 0px 0px 0px; margin-top:0px; margin-right:10%; overflow:hidden; position:absolute; top:115px; right:3%; width:100px; height:100px; } #logo h1 img { width:100px; height:100px; right:auto; display:block; margin-top:0px; padding:0px; } #logo h1 { width: 100px; height: 100px; margin-top:0px; margin-right:0px; } esto lo uso en todos los archivos y no he tenido problemas con IE ni mozilla, solo es en esta que IE no muestra la imagen(logo_protecnia). Gracias Nuevamente...

14-may-2008, 10:50	#6 (permalink)
Mikmoro Colaborador Fecha de Ingreso: octubre-2006 Ubicación: A tu espalda Mensajes: 2.862	Re: Problemas con Position Absolute en IE Pues deberás comparar el código coma a coma, porque si sólo es en esa que no lo muestra, y ices que el código es idéntico, sólo pueden pasar dos cosas: o bien el código no es idéntico y hay algún pequeño error, o bien algún otro elemento te lo está tapando. Es impeninable. Yo preferiría ver el enlace para poder ver el código generado por el php mejor que el propio código php. Mikel.

14-may-2008, 10:59	#7 (permalink)
the_web_saint Fecha de Ingreso: mayo-2008 Ubicación: Panamá, Panamá Mensajes: 103	Re: Problemas con Position Absolute en IE Como se ve en el codigo, el div contenedor abarca a el div logo. Tome y saque el div logo de contenedor y me mostro la imagen. el div contenedor no tiene definido estilos, pero en todas las paginas la estructura es la misma, osea q el div contenedor abarca a el div logo, pero solo en esta pagina se no se ve la imagen. Con este cambio al parecer muestra la imagen, pero no entendi muy bn el porq?. y menos q solo pasara en esta pagina!

14-may-2008, 11:08	#8 (permalink)
Mikmoro Colaborador Fecha de Ingreso: octubre-2006 Ubicación: A tu espalda Mensajes: 2.862	Re: Problemas con Position Absolute en IE A eso me refería con que podrías tener otro elemento tapando al logo (puesto delante en z-index), ya que el logo en posición absoluta podría haberse escondido detrás. Mikel. P.D.: y te recomiendo eliminar right: auto; de este selector width:100px; height:100px; right:auto; display:block; margin-top:0px; padding:0px; }

14-may-2008, 12:05	#9 (permalink)
the_web_saint Fecha de Ingreso: mayo-2008 Ubicación: Panamá, Panamá Mensajes: 103	Re: Problemas con Position Absolute en IE Gracias Mikmoro por tu ayuda! :D

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado