¿Cómo quitar el Scrollbar Horizontal en un IFRAME o FRAME?
Todos los webmasters hemos tenido ese problema. Particularmente en la empresa hemos tenido uno que otro dolor de cabeza cuando creamos una web y luego la ponemos en un FRAME o IFRAME. Nos sucedió con la versión número 2 del Sitio de Connect@. El truco para quitar el Scrollbar Horizontal es simple, pero que quizás sea poco ético…
Todas las webs, o la gran mayoría poseen un código al Inicio del texto HTML como éste:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Este código automáticamente agrega la Barra Horizontal de Desplazamiento a los IFRAMES o FRAMES cuando la tengan encima, el truco está en quitarla de ahí y ya. Nunca tendrán una barra horizontal molestándoles. Pero cuidado: Si usas alguna plantilla de Dreamweaver, el quitar ese código podría entorpecer el funcionamiento de la plantilla, desarmándola literalmente.
Pueden ver un ejemplo de cómo quedaría el código fuente y en Vivo en la Dirección de abajo…
Ejemplo | Ejemplo de Supresión de la Barra Horizontal en un IFRAME
Tags:
- [Teletón 2007] Faltan pocas horas para el inicio de la Teletón
- Los Spammers creen que así actuamos…
- ¿Cómo alagrar el Pene con Picaduras de Abeja?
- ¿Como se hace famoso un blog?
- Meme: Lista de Plugins usados por Marlex Systems
- ¿Cómo saber si mi web ha sido baneada en Google?
- ¿Cómo hacer dormir a una Gallina?
- Entiende, que sólo son dos líneas
Por favor, asegúrate de no escribir Comentarios difamatorios, racistas o similares. Haz un comentario acorde a la Temática y que colabore en la Discusión.
Los comentarios que contengan enlaces de referidos, mensajes engañosos o datos personales serán eliminados y el acceso de la persona que los redactó será cerrado a poder publicar nuevos comentarios.
Este Sitio muestra pequeñas imágenes al lado de Cada comentarista mediante el Servicio Gravatar. Regístrate en este Servicio para mostrar la tuya!
Reglas, historia y consejos de ruleta para jugar en los casinos en internet
22 de Abril del 2007 a las 5:44 AM
Excelente! Gracias por publicarlo, no sabía como se quitaba la estúpida barra horizontal. Habia probado algunos códigos css y nada…
Te felicito por el Blog
7 de Mayo del 2007 a las 8:58 PM
tengo una gran duda espero que alguien me pueda ayudar llevo varios dias buscando en internet y nada, el problema es que tengo un iframe principal donde mando mostrar varias paginas distintas y el problema radica en que todas son de ditinto tamaño de alto algunas mas grandes en altura que el propio iframe entonces en algunas al cargarlas no muestra toda la informacion q tiene esa pagina debido a que la corta y no quiero utilizar el scroling automatico ya que pierde belleza o estilo (segun mi jefe), alguna funcion o truco para que el iframe se redimensione de acuerdo a lo alto de cada pagina que se carga???? espero habeis explicado bien mi problema gracias.
8 de Mayo del 2007 a las 12:23 AM
Marckony, creo que no comprendí muy bien… ¿Podrías poner un ejemplo online para verlo y poder ayudarte?
20 de Mayo del 2007 a las 6:56 PM
mi problema es que cuando quito ese codigo.. aparece otra ves cuando guardo la pagina?
que hago!!
20 de Mayo del 2007 a las 6:59 PM
xDeadxLovex, si estás Usando un Editor WYSIWYG deberás ir borrando el código cada vez que guardes… Lástima…
20 de Mayo del 2007 a las 7:15 PM
aam.. no se que sera ese tal editor.. soy principiante xD
utilizo nvu
?
20 de Mayo del 2007 a las 7:17 PM
Pues eso, el NVU es un Editor WYSIWYG, por lo que cada vez que crees un archivo con el te agregará automáticamente la línea de Código que mencioné arriba…
20 de Mayo del 2007 a las 7:18 PM
ok.. perdona la ignorancia..
gracias!
19 de Septiembre del 2007 a las 3:27 AM
Gracias, me salvaron de 8 horas de romperme el craneo contra el escritorio… esto si que es sentirse realizado…
23 de Abril del 2008 a las 9:08 AM
Gracias gracias gracias!
Llevaba 2 horas pegándome con ese maléfico scroll. Estoy desarrollando un portal ASP .NET, y efectivamente se generaba la mencionada línea doctype.
Lo curioso es que hace 24 horas, realizando pruebas con una maqueta en local, también tuve un encontronazo con esa línea. Para quien le pueda servir, también impide que se ejecute el comando javascript window.open para abrir un archivo local (un pdf por ejemplo).
Un saludo.
9 de Junio del 2008 a las 3:41 AM
Es mucho más sencillo añadir una sencilla línea al estilo de nuestro body:
body {overflow-x:hidden;}
añadiendo esto a la pagina que aparecerá en nuestro iframe desaparece el scroll horizontal.
Podemos hacer lo mismo para el vertical con “overflow-y:hidden;”
17 de Junio del 2008 a las 4:23 PM
gracias greyshock.. eso esra todo lo que queria