Privacidad: Recuerde que la información escrita en los foros de programación es 100% pública y que su ip será registrada asociada a su mensaje. Si encuentra un mensaje fuera de lugar, por favor, notifiquelo para su revisión y eliminación.
Quitar scroll horizontal
Enviado por yahek el día 24 de noviembre de 2003
¿Alguien me puede decir si existe u amanera de quitar solo el scroll horizontal y dejar el vertical???
Gracias
Enviado por Lisandro el día 11 de noviembre de 2004
Yahek, este seria el Codigo, empece a probar suponiendo como podria ser y descubri que el codigo para sacar solamente el scroll horizontal es el siguiente:
<BODY hscroll=no>
Yo tuve el mismo problema. Trabaje con FRAMES y en el MAINFRAME me aparecia un scroll horizontal. Me volvi loco porque no habia ningun espacio nada, y descrubri que ese scroll me lo hacia una leyenda que te pone el Dreamweaver en el codigo antes del <html>. Loco me volvi.
bueno, cualquier cosa que necesites pregunta, a lo mejor lo sabemos.
No soy de meterme mucho en los foros, esta fue uan excepcion porque necesitaba algo, pero cualquier cosa mandame un mail. Saludos !!
Enviado por last_sauron el día 18 de febrero de 2005
jejeje a mi me ha pasao igual que a Lisandro!!! también me he vuelto loco! jodido DW que te mete cosas sin tener que meterlas!! :D asias tio! nunca se me hubiera ocurrido pensar que era eso si no te hubiera leido. Ya no sabia que hacer, lo habia intentado con todo!! :DDD
Si se trabaja con DW para quitar la barra (scroll) horizontal hay que quitar esta linea:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Pues yo me estoy volviendo loca con la barra de desplazamiento lateral, no consigo eliminarla de ninguna de las dos formas que he leido, trabajo con Dreamweaver y no me aparace la linea <! DOCTYPE... y con body hscroll tampoco puedo eliminar la barra horizontal
Te agradezco mucho por el dato, te comento que lo hice pero note que se produjo un cambio en el formato de la pagina, por lo cual de nuevo copie las lineas anteriormente borradas y retomo el formato original pero sin la molestia de la barra horizontal.
bueno catrehijueputas, yo estaba en las mismas y ya lo encontre, y como soy muy amable, lo voy a poner aqui porque es la unica pagina que sale acerca de esto.
Para quitar ambas barras :
<style>
body {overflow-y:hidden;overflow-x:hidden;}
</style>
para quitar solo la inferior
<style>
body {overflow-x:hidden;}
</style>
JOer, loco me he vuelto yo tambien....muchisimas gracias por la ayuda, efectivamente quitando esa mierda de linea, se quita el scroll horizontal...sois autenticos!
Para kitar el scroll horizontal innecesario q saca el dreamweaver no hace falta kitar toda la linea:
<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\" \"http://www.w3.org/TR/html4/loose.dtd\">
basta con kitar la ultima parte y q qd asi:
<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\">
si kitamos la linea entera el w3c no podra validar nuestras paginas
La opcion de <STYLE>
BODY{overflow-x:hidden;}
</STYLE>
efectivamente SOLO quita el scroll horizontal, pero del cuerpo del documento sobre el que se lo hace, cuando se lo usa en frames saca a los 2 scrools nuevamente
hola tengo un problema, no puedo cambiar el fondo de mi escritorio al revisar en propiedades me dice que es un documento HTML, la direccion es file://C:\WINDOWS\warnhp.html pero al buscar en el disco duro no encuentro nada similar, no me indica cuando fue creado o modificado ni algun otro dato. al revisar su codico fuente me aparece un bloc de notas con esto:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!----
***** This file is automatically generated by Microsoft Windows *****
--------><HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=windows-1252"></HEAD>
<BODY
style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none"
bottomMargin=0 bgColor=#004e98 leftMargin=0 background="" topMargin=0
rightMargin=0>
<DIV
style="LEFT: 0px; WIDTH: 1600px; POSITION: absolute; TOP: 0px; HEIGHT: 1200px"><IMG
style="LEFT: 0px; WIDTH: 100%; POSITION: absolute; TOP: 0px; HEIGHT: 100%" cache
src="file:///C:/Documents%20and%20Settings/Usuario/Mis%20documentos/Mis%20im%E1genes/beella.bmp">
</DIV><IFRAME id=0
style="BACKGROUND: none transparent scroll repeat 0% 0%; LEFT: 0px; WIDTH: 1600px; POSITION: absolute; TOP: 0px; HEIGHT: 1166px"
name=DeskMovrW marginWidth=0 marginHeight=0 src="file:///C:/WINDOWS/warnhp.html"
frameBorder=0 subscribed_url="" resizeable="ﰟ粷㻸ά곃"> </IFRAME>
</BODY></HTML>
la verdad no se que es esto, alguien me pude dicir como y exactamente en donde lo puedo eliminar para modificar mi fi fondo de escritorio? tengan en cuenta que no soy un experto para la computadora,
gracias x su atencion.
Algún maestro de los de por aqui dbería meterse en Google un rato y tratar de averiguar lo que es el quirks mode en un navegador ... y por qué debería cortarse las venas antes de eliminar la etiqueta doctype, o cercenarla de mala manera
Lisandrooooooooooooooooo te amoooooooooooooooooooooo
estube 2 horas probando si podia sacar esa puta barra del ortooooooooooooooooooooo gracias capooooooooo aguante el google y vos, que me dieron la respuesta
GRACIAS LOS AMO, ESTO SI FUNCIONA :
para quitar solo la inferior
<style>
body {overflow-x:hidden;}
</style>
Y SI NO SALE, LE KITAN ESTO Y LISTO:
<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\" \"http://www.w3.org/TR/html4/loose.dtd\">
GRACIAS , ALOS KE AYUDARON EN ESTO Y A TODOS
Lo hice!!! increible, como puede ser que esa maldita linea nos vuelva loco!!!! jajajajaja.
Como todos y como todo programador, despues de descbrir el scroll=no y que eso sacaba todos los scroll cuando yo solo queria sacar el horizontal... empece con scrollv, scrollh, hscroll... blablabla... hasta que leo este post y me queria morir!!!!
Gracias!!!!
Enviado por Aída López Aguayo el día 3 de octubre de 2005
Hola a to2:
Saben, estuve intentando hacer los consejos que recomiendan aquí, y estuve duro y dale, pero no más no se quitaba mi scroll bal horizontal y si se lograba me quitaba ambas, cuando yo sólo queria quitar la horizontal, y dejar la vertical, pero estuve investigando y hasta casi casi desquisiandome y por fin!!!!, ya pude, y el código es el siguiente, para que hagan la prueba, este es:
<style>
body {overflow-x:hidden;overflow-y: scroll}
</style>
Espero que lo chequen y se den cuenta que si efectivamente da resultado, de todas formas mil gracias por que entre todos nos damos ideas y nos ayudamos.
el xp debe de tener algo de culpa por que cambiando de apariencia guay con ventanitas de colorines (donde si aparecen las putas barras horizontales) a la vista clasica de win mas sosa, y dejan de aparecer las barras horizontales en las paginas de marcos.
No quiteis la cadena de texto inicial que inserta DW por que no os funcionaran los estilos.
Con SCROLL=\\\\\\\\\\\\\\\"no\\\\\\\\\\\\\\\" solo conseguireis quitar todas las barras no solo las horizontales y con:
<style>
body{overflow-x:hidden; overflow-y: scroll}
</style>
a mi por lomenos no me ha funcionado.
Todo esto probado con las monisismas ventanas de xp. Cambiad ahora a la vista clasica y me contais.
por supuesto esta no es la solución pero ya digo que xp algo tendra que ver en el tema.
los scroll en una pagina tambien ocupan pixel asi que si ponen el tamaño de su tabla en 764 y en el frame scrolling="yes" no se les agregara la barra horizontal
solo la vertical.
Tambien para evitar esto podrian diseñar su pagina con 5 fremes. cabecera, botton y laterales fijo y del contenido (el frame del medio) auto asi solo se le formara el scroll a este freme
Es verdad que es un quebradero de cabeza... y hoy es el dia en el que habiendo solucionado el problema sigo sin saber muy bien su causa.
Sin descartar las distintas posibilidades que se han dado aqui, (a fe de que hay muchas de ellas que funcionan) recomendaría la siguiente. Dejar la linea del DOCTYPE, sobre todo si utilizas hojas de estilo, de lo contrario puede que no te funcionen (desconozco el porque) y dar tamaño del body al 95%
BODY {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; 0px; FONT-FAMILY: sans-serif; HEIGHT: 95%; BACKGROUND-COLOR: #fff
}
O si la página esta preparada para una resolucion en concreeto especificar los pixels por ejemplo (764px alguien lo ha comentado por ahy sin explicarlo muy bien)
Si esta no es la mejor solucion se acerca bastante, o por lo menos sería la mas compatible y accesible... ya cada uno que mate a su puerco a la voluntad.
Cambiando de tema-->
Firefox tambien existe y fuera de la discursion de que este te guste o no, ser linuxero o no... (Yo personalmente prefiero el IE) si te consideras programador, deberías tenerlo en cuenta...
Es verdad que es un quebradero de cabeza... y hoy es el dia en el que habiendo solucionado el problema sigo sin saber muy bien su causa.
Sin descartar las distintas posibilidades que se han dado aqui, (a fe de que hay muchas de ellas que funcionan) recomendaría la siguiente. Dejar la linea del DOCTYPE, sobre todo si utilizas hojas de estilo, de lo contrario puede que no te funcionen (desconozco el porque) y dar tamaño del body al 95%
BODY {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; 0px; FONT-FAMILY: sans-serif; HEIGHT: 95%; BACKGROUND-COLOR: #fff
}
O si la página esta preparada para una resolucion en concreeto especificar los pixels por ejemplo (764px alguien lo ha comentado por ahy sin explicarlo muy bien)
Si esta no es la mejor solucion se acerca bastante, o por lo menos sería la mas compatible y accesible... ya cada uno que mate a su puerco a la voluntad.
Cambiando de tema-->
Firefox tambien existe y fuera de la discursion de que este te guste o no, ser linuxero o no... (Yo personalmente prefiero el IE) si te consideras programador, deberías tenerlo en cuenta...
Esto es solo para las barras originadas por "culpa" de la linea DOCTYPE... (que no se porque hace que el navegador(IE) interprete otro tamaño de ventana).
Si realmente quieres forzar a quitarlas por otros motivos logicamente esto no te valdría
LES DOY LA SOLUCIÓN !!
Para quitar el scroll horizontal usando frames en IE. Sin sacar el DOCTYPE y permitiendo la validación del html.
En vez de ponerlo en el codigo :
<style type=\\\"text/css\\\">
body{}
</style>
Lo ponemos en este codigo:
<style type=\\\"text/css\\\">
html{}
</style>
Enviado por txamone el día 29 de diciembre de 2007
Graciassss!!!! después de probar todas las soluciones propuestas al fin esta es la buena, funciona en safari y firefox (mac) y en ie y firefox (win) gracias gracias!!
Foros de debate
Javascript
