Incluso después de establecer el atributo frameborder en el iframe en 0 todavía hay algo de espacio en blanco alrededor del borde del iframe (a diferencia de la página url/link original) . ¿Hay alguna otra forma de deshacerse del espacio en blanco o se debe presentar algo de blanco alrededor del iframe tal como está dentro de la página web (o parte de él) y no puede ser toda la página? Gracias.El espacio blanco todavía está presente alrededor del borde del iframe incluso después de establecer frameborder en 0
Respuesta
Tal vez por espacios en blanco es en realidad el margen exterior del documento cargado en el . Pruebe el estilo del documento cargado con:
html, body {
border: 0px;
margin: 0px;
padding: 0px;
}
probar esto:
<iframe bgcolor=#FFFFFF frameborder=0 vspace=0 hspace=0 marginwidth=0 marginheight=0 width=100%
height="340"
src="myframe.html">
</iframe>
Esto, junto con los atributos html, body {} mencionados anteriormente, ASÍ COMO utilizar scroll = "auto", resolvió un relleno de 10 píxeles que parecía haberse agregado a la parte inferior del iframe que contenía la imagen. Este espacio adicional estaba causando que la barra de desplazamiento vertical apareciera indeseablemente usando Firefox. Estaba intentando aprovechar la función de cambio de tamaño y zoom automático de Firefox cuando apunta el navegador a una imagen sola. Cuando prueba esto en un iframe, estaba agregando espacio extra a la parte inferior de la imagen, o el propio iframe era como recortar la imagen. – KDawg
La configuración final del iframe que usé para deshacerme de la barra de desplazamiento vertical fue:
Tu respuesta en el comentario anterior funcionó para mí después de jadear a través de la red para iframes. –
Al añadir este CSS podemos hacer iframe en pantalla completa
body,html
{
background-color:#DDEEDD;
padding:0px;
margin:0px;
height:100%;
width:100%;
overflow:hidden;
}
iframe
{
margin:0;
padding:0;
border:none;
overflow:hidden;
background-color:#DDEEDD;
}
Alguna duplicación innecesaria, ¿verdad? El iframe bien podría estar después de html y la sección iframe eliminada. De todos modos, esta fue la única de las sugerencias que funcionó para mí, ¡así que gracias! –
sólo tiene que añadir style="margin: 0 0 0 0"
dentro <iframe >
etiqueta.
ejemplo:
<iframe src="http://www.yahoo.com" style="margin: 0 0 0 0"></iframe>
Si desea margen, debe agregar 'px' después del número
(Gracias a "Inspeccionar elemento" herramienta de Safari Browser) esto solucionó mi solución .
La propuesta de Frederic resolvió mi problema: cómo deshacerse del borde blanco en una presentación de diapositivas a pantalla completa para el navegador Safari. ¡Perfecto! Muchas gracias, wimsch [Ya que no podía añadir un comentario en su respuesta [[< 50]]: Me pongo aquí para hacerle saber mi agradecimiento]
probar este
<iframe src="....." style="position:absolute;"></iframe>
me encontré un problema similar: tenía el iframe dentro de una etiqueta figure
, y había algo de espacio en blanco entre el iframe y el elemento figcaption
.
<figure>
<iframe></iframe>
<!-- white space was here -->
<figcaption></figcaption>
</figure>
En mi caso simplemente añadiendo iframe { display:block }
resolvió el problema.
aplicar por debajo de iframe
display: block
debería ser el comentario –
Funcionó para mí. ¡Gracias! –
- 1. Eliminar el espacio del borde alrededor de GridView
- 2. Espacio en blanco alrededor de la imagen
- 3. IE frameBorder alternativa
- 4. Quitar el borde alrededor del diagrama de Matlab
- 5. Cómo establecer el color del borde de ciertos widgets Tkinter?
- 6. ¿Cómo puedo agregar un espacio alrededor del borde de un Jbutton?
- 7. Cómo eliminar el borde del iframe en IE usando javascript
- 8. Uso del espacio en blanco vertical
- 9. Establecer un borde alrededor del elemento seleccionado en el cuadro de lista WPF
- 10. JavaScript: establecer el radio del borde
- 11. Pregunta sobre el texto después del iframe
- 12. Espacio entre frontera y contenido?/¿Distancia del borde del contenido?
- 13. XMLParser está comiendo mi espacio en blanco
- 14. ¿Cómo crear un borde blanco alrededor de mapa de bits?
- 15. LaTeX en blanco después del número y antes del texto
- 16. Cómo eliminar el espacio de margen alrededor del cuerpo o borrar los estilos predeterminados de css
- 17. Eliminar espacio en blanco inicial del archivo
- 18. Eliminando parte del contenido src del iframe
- 19. jQuery UI diálogo alrededor del iframe; ¿problemas de desempeño?
- 20. Eliminación del borde fino alrededor de los elementos de menú
- 21. Espacio en blanco después de ImageView
- 22. Borde alrededor del 100% de la altura y el ancho del cuerpo (HTML 4.01 estricto)
- 23. Extracción del borde negro alrededor de una imagen
- 24. Deshágase del borde del botón en WPF?
- 25. ¿Por qué CoffeeScript requiere espacios en blanco después del mapa?
- 26. ¿Cómo eliminar el borde iframe en IE7?
- 27. ¿Cómo subrayar el espacio en blanco en CSS?
- 28. Establecer CSS para iframe desde el sitio de un tercero
- 29. ¿Cómo puedo cambiar el color del texto en IFrame
- 30. IE7 iframe página en blanco
Se puede publicar su código iframe, y los estilos que va a aplicar al documento dentro del marco flotante? En una suposición, yo diría que necesita establecer el relleno en el 'cuerpo' del documento contenido en 0, pero es una suposición en la ausencia de información. :-) –
Y parece que sí, y ya lo resolvió. Gracias por la ayuda – Muaz