div sobre iframe (script)

jamie_88 · #1 (**permalink**) 10/01/2012, 06:14

Hola a todos, sinceramente no estaba muy seguro de donde poner la pregunta, pero quisas este sea el sub-foro mas indicado;

tengo un script que me manda a un mapa google (iframe); lo que yo quisiera es poner este escript dentro de un div y poner otro div que cubra los 60px inferiores del escrip (porque me sale publicidad, he podido "borrarla" pero me deja el background gris), con un color blanco (aunque una imagen); quisas si escribo un poco de codigo soy mas claro; la otra solicion que me vino en mente era hacer el div mas pequeño en modo que "corte" a un cierto punto el script (iframe), pero tampoco lo he logradado

Código:

<body>
<div style="width: 970px; height: 400px;">

<script type='text/javascript' src='http://mapa&height=400&l=false&z=true&p=flase'></script>

</div>
<style>
#aswift_0_anchor {
visibility: hidden !important;
}
</style>
</body>

Gracias de antemano.

kseso? · #2 (**permalink**) 10/01/2012, 06:53

Vea las diferencias entre visibility y display.

jamie_88 · #3 (**permalink**) 10/01/2012, 07:17

gracias... ahora me pongo a buscar la informacion...

jamie_88 · #4 (**permalink**) 10/01/2012, 07:31

gracias kseso? pero no resolvi el problema, he puesto:

<style>
#aswift_0_anchor {
display: none !important; // sin !important igualmente se ve la publicidad
}
</style>

quisas no he entendido bien yo la sugerencia; o no me he explicado bien, este script es como un iframe y al poner display: none !important; me deja los 60pixeles con el fondo del iframe (medio gris), lo que yo quisiera es cambiar ese color de fondo (pero creo que no es posible) o poner un div (una imagen) sobre ese espacio de color blanco de manera que no se vea el gris.

kseso? · #5 (**permalink**) 10/01/2012, 07:35

Ponga un enlace a la página del problema. Porque con el código que ha colocado no se puede reproducir el problema. Amén de tener un fallo demasiado gordo en el orden en que está publicado (justo antes del cierre de body)

jamie_88 · #6 (**permalink**) 10/01/2012, 08:03

lo acabo de subir en un servidor gratuito, y de paso te dejo el codigo, seguramente viendolo sera mas facil de entender;

http://stelle.site90.com/

Código:

<!DOCTYPE HTML>
<head>
	<meta http-equiv="content-type" content="text/html" />
</head>

<body>
<div style="width: 970px; height: 400px;">
<script type='text/javascript' src='http://widgets.scribblemaps.com/js/map/?d=true&width=790&mt=false&id=SpazioLILT&height=400&l=false&z=true&p=flase'></script>
</div>
<style>
#aswift_0_anchor {
display: none !important;
}
</style>
</body>
</html>

kseso? · #7 (**permalink**) 10/01/2012, 08:18

Ponga fondos (background) a las cajas para que vea qué está ocurriendo.
El display ya está actuando. Otra cosa es que tiene una caja con una altura (height) declarada (visto en ff)

Y debería evitarse "moderneces" como el declarar los estilos al cerrar el body. Esto sólo es una sugerencia.

jamie_88 · #8 (**permalink**) 10/01/2012, 08:36

ya habia puesto el background-color, por eso el width del div es mas grande del iframe;

ya quite el hidth del div pero es lo mismo, he intentado dando como valor 340px (osea los 400 totaltes menos los 60 en gris) pero igualmente se ve lo gris; he tratado de poner una imagen dentro del div para tratar de tapar con esa imagen el espacio en gris, pero en fondo esta el background, luego sigue la imagen (tag img) y luego el script

kseso? · #9 (**permalink**) 10/01/2012, 08:48

Use firebug o equivalentes.
En esa página que enlaza hay dos div que tienen declarado en línea (los dos) una altura de 400px.
Lo que no se es si son generados por el script (y si podrá actuar en él).
También el script declara una altura de 400px.

Al no tener ni class ni id´s los div, vea de meter todo eso en una caja con id y añadir a su css lo siguiente:

Código CSS:

Ver originalCopiar#contenedor div {
    height: auto!important;
}

donde #contenedor sería el elemento que le digo que cree.

jamie_88 · #10 (**permalink**) 10/01/2012, 09:06

con firebug he visto que el div del problema es el creado por el escript, ahora lo que yo quisiera es modificar las impostaciones que se originan por el script (o bien el background o bien el tamaño) es posible? visto que toda la pagina no es solamento eso, es un mapa que cambia (osea carga otro mapa ya guardado en un database) segun la busqueda que se haga; es esto posible? o tendria que copiarme todo el codigo generado por el script y modificarlo?

jamie_88 · #11 (**permalink**) 10/01/2012, 09:40

solucionado, ahora en lugar del script pongo el iframe generado; funciona todo, ojala que no se les ocurra poner la publicidad alli tambien XD;

gracias...