Foros del web, para los que viven de bits

ldp · 24-may-2008, 04:11

He creado un archivo html que va incrustado (incrustado.html) en otro archivo html (principal.html). El archivo principal tiene un css (principal.css). Quiero que el archivo incrustado aparezca sin barras de desplazamiento en cualquier navegador, pero me interesa sobre todo IE y FF.

En el principal.css tengo:

Código HTML:

.fijarincrustado {
position: fixed;
right: 0;
bottom: 0;
display: block;
height: 250px;
width: 140px;
overflow: hidden;
}

Y en FF se ve perfecto, sin barras ni bordes ni nada, totalmente transparente. Sin embargo, en IE me sale con las barras de desplazamiento y un horrendo fondo blanco. Cómo puedo hacer para que al menos no me salgan las barras?

Mikmoro · 24-may-2008, 16:43

Pues mira, según comentaba bokkmaster en este hilo, debería funcionar simplemente con un scrolling="no" de esta manera:

<iframe name="NombreIframe2" src="http://www.forosdelweb.com" style="width:350px; height:300px; float:left;" scrolling="no"></iframe>

Su ejemplo está en esta dirección.

Mikel.

ldp · 25-may-2008, 05:42

Joder! Muchísimas gracias! Era ya 3 días que andaba dándole vueltas a la cosa sin conseguirlo. Ahora se ve perfecto en IE7 y FF. Pero no sabes lo que me ha costado que se viera bien en los dos. Seguramente tendré errores de código. Ahora comprobaré cómo se ve en los demás navegadores. Aquí te pongo lo que he tenido que añadir. Seguramente parte del código está duplicado, pero ha sido la única manera de que saliera bien en los dos:

En incrustado.html:

Código HTML:

body {background-color:transparent; border:0}

En principal.css:

Código PHP:


			
.fijarincrustado {

position: fixed;

right: 0;

bottom: 0;

display: block;

height: 110px;

width: 110px;

background: transparent;

border: 0;

}

Y en principal. html:

Código HTML:

<iframe name='NombreIframe' src='incrustado.html' allowTransparency='true' style='width:110px; height:110px;' scrolling='no' class='fijarincrustado'></iframe>

24-may-2008, 04:11	#1 (permalink)
ldp Fecha de Ingreso: marzo-2005 Ubicación: Por fin, en mi nueva casa! Mensajes: 488	overflow: hidden y fondo transparente no me funciona con IE y sí con FF. alternativa? He creado un archivo html que va incrustado (incrustado.html) en otro archivo html (principal.html). El archivo principal tiene un css (principal.css). Quiero que el archivo incrustado aparezca sin barras de desplazamiento en cualquier navegador, pero me interesa sobre todo IE y FF. En el principal.css tengo: Código HTML: .fijarincrustado { position: fixed; right: 0; bottom: 0; display: block; height: 250px; width: 140px; overflow: hidden; } Y en FF se ve perfecto, sin barras ni bordes ni nada, totalmente transparente. Sin embargo, en IE me sale con las barras de desplazamiento y un horrendo fondo blanco. Cómo puedo hacer para que al menos no me salgan las barras?

24-may-2008, 16:43	#2 (permalink)
Mikmoro Colaborador Fecha de Ingreso: octubre-2006 Ubicación: A tu espalda Mensajes: 3.998	Respuesta: overflow: hidden y fondo transparente no me funciona con IE y sí con FF. a Pues mira, según comentaba bokkmaster en este hilo, debería funcionar simplemente con un scrolling="no" de esta manera: <iframe name="NombreIframe2" src="http://www.forosdelweb.com" style="width:350px; height:300px; float:left;" scrolling="no"></iframe> Su ejemplo está en esta dirección. Mikel.

25-may-2008, 05:42	#3 (permalink)
ldp Fecha de Ingreso: marzo-2005 Ubicación: Por fin, en mi nueva casa! Mensajes: 488	Respuesta: overflow: hidden y fondo transparente no me funciona con IE y sí con FF. a Joder! Muchísimas gracias! Era ya 3 días que andaba dándole vueltas a la cosa sin conseguirlo. Ahora se ve perfecto en IE7 y FF. Pero no sabes lo que me ha costado que se viera bien en los dos. Seguramente tendré errores de código. Ahora comprobaré cómo se ve en los demás navegadores. Aquí te pongo lo que he tenido que añadir. Seguramente parte del código está duplicado, pero ha sido la única manera de que saliera bien en los dos: En incrustado.html: Código HTML: body {background-color:transparent; border:0} En principal.css: Código PHP: `.fijarincrustado { position: fixed; right: 0; bottom: 0; display: block; height: 110px; width: 110px; background: transparent; border: 0; }` Y en principal. html: Código HTML: <iframe name='NombreIframe' src='incrustado.html' allowTransparency='true' style='width:110px; height:110px;' scrolling='no' class='fijarincrustado'></iframe>

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