Foros del Web

Foros del Web (http://www.forosdelweb.com/)
-   CSS (http://www.forosdelweb.com/f53/)
-   -   overflow: hidden y fondo transparente no me funciona con IE y sí con FF. alternativa? (http://www.forosdelweb.com/f53/overflow-hidden-fondo-transparente-no-funciona-con-ie-si-con-ff-alternativa-589549/)

ldp 24/05/2008 04:11

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?

Mikmoro 24/05/2008 16:43

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.

ldp 25/05/2008 05:42

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 {
positionfixed;
right0;
bottom0;
displayblock;
height110px;
width110px;
backgroundtransparent;
border0;


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>


La zona horaria es GMT -6. Ahora son las 11:46.

Desarrollado por vBulletin® Versión 3.8.7
Derechos de Autor ©2000 - 2026, Jelsoft Enterprises Ltd.