CSS – Cómo quitar la 2ª barra de desplazamiento vertical sin cambiar nada?

Estoy tratando de deshacerse de un carácter no deseado de la segunda barra de desplazamiento vertical que ha aparecido en esta página voy a poner juntos, ver http://abchealth.info/doc-mike-special/test3/.

Mi investigación me llevó a intentar quitar el «desbordamiento» de mi CSS, pero esta absolutamente destrozado mi disposición, así que estoy buscando una solución que elimina el interior de la barra de desplazamiento vertical sin cambiar nada…

Me gustaría mucho agradezco su ayuda, gracias!

Aquí está mi CSS:

/* Generated by KompoZer */


body {
background-image: url(http://abchealth.info/images/bg.png);
}


html, body {
margin: 0;
padding: 0;
height: 100%;
min-height: 100%;

}


div#wrap {min-height: 100%;}

div#mastercontainer {
overflow:auto;  width: 100%;
height: 100%;
min-height: 100%;
}

div#header {
background-image: url(http://abchealth.info/images/header-bg.jpg);  background-repeat:   
repeat-x;
position: top; height: 96px;}


div#content {
}


div#innercontentmiddle {
margin: 0 auto;
width: 540px;
padding:10px;    padding-bottom:510px;}


div#footerclear {
}



div#footer {
position:relative;  margin-top: -510px; height: 510px; clear:both;
background-image: url(http://abchealth.info/images/footer-bg.jpg);  background-repeat:   
repeat-x;}


/*Opera Fix*/
body:before {
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/
}
  • En el #mastercontainer, el cambio de «overflow:auto;» a «overflow:none;» y debería funcionar.
  • De no ser demasiado crítico, pero su página podría soportar algunas limpieza. Su main.css es llegar aplicado dos veces, y tiene un callejero de la hoja de estilos vínculo entre su </head> y <body> etiquetas. Nunca se sabe cuando cosas como esta se va a tornillo algo más arriba. (Me gustaría regañar por demasiados style atributos demasiado, pero sospecho que la mayoría de esos fueron añadidos por los scripts.) De nuevo, sólo lo menciono porque si se te rompe las normas, usted puede conseguir a veces extraño comportamiento.
  • Gracias Kyle, que hizo el truco! @eaj, agradezco su comentario – yo soy un descarado amateur y después he seguido unos 5 métodos de aquí hasta que finalmente llegué a mi pie de página para obtener pegajosa – sin mucha limpieza en entre – sé que debe ser real sucio bajo mi capucha – y tu comentario me hace dirigirme en la dirección correcta, gracias. Especialmente que rogue hoja de estilos debe ser cazados ahora.
  • usted sería tan amable y ser más específica acerca de la hoja de estilos problemas para que me ayude a resolver esto? se ha de dar a me extraña larga noche ya…¿qué tengo que quitar para que los principales.css sólo se aplica una vez? Y me encuentro con otras 2 hojas de estilos mencionados entre la cabeza y el cuerpo etiquetas, pero son aquellos que no hacen parte de otro script? (caja de luz) O no me pierda otra? Muchas gracias!
  • Todas tus hojas de estilo deben ser incluidos a través de <link ...> etiquetas en el INTERIOR de la <head> </head> bloque. Usted tiene dos de los que incluyen a main.css. Parece que he logrado tomar el cuidado de la que cayó después de la clausura </head> de etiquetas y la apertura <body>.
  • muchas gracias!

5 Kommentare

  1. 11

    cambiar esto: #mastercontainer {overflow:auto;} #a mastercontainer {overflow: visible;}

    Lo que sucede es ‘auto’ utiliza una barra de desplazamiento si el contenido es demasiado grande para el marco. Aka que div o w/e necesidades ampliada para evitar el desplazamiento. Visible va a dejar que se desborde como creo que usted desee. Ya sea visible o incluso ocultos iba a trabajar con este código, css es todo acerca de jugar y experimentar.

    ***La mayoría de los navegadores ofrecen un plug-in llamado ‘FireBug’ -> descargar. Le permite editar el css de las páginas web mientras ve. Muy útil para el estilo css errores. Muy recomendable para este tipo de problemas.

    • Gracias, esto es muy útil. Es la diferencia en el efecto de desbordamiento oculto o visible/ninguno completamente dependiente de contexto/ resto de la CSS, o lo que en general debe ser la diferencia en el efecto? Y supongo que usted está diciendo firebug me permite hacer estas css cambios para mi punto de vista/ temporal de pruebas, sólo que sin «ahorro» es? Gracias, buen consejo para un principiante como yo!
    • Sí, los efectos de desbordamiento oculto o visible/ninguno completo dependerá de la aplicación. Firebug es una herramienta excelente para la prueba rápida de cambios con css – ahorra un montón de tiempo para modificar el estilo de una página. A continuación, puede simplemente copiar y pegar sobre el cambio de código css para su archivo! Me alegro de que podría ayudar. Este es un buen enlace para explicar la propiedad más: quackit.com/css/properties/css_overflow.cfm
  2. 1

    Quitar overflow:auto de div#mastercontainer.

    • Eliminar completamente, por alguna razón, las ruinas de mi diseño, la tuerca de cambiar de desbordamiento:ninguno, como @Kyle sugiere anteriormente, trabajó para mí, gracias a todos ustedes!
  3. 1

    Esto funciona

    #mastercontainer { overflow: hidden; }

    o la solución anterior también funciona.

  4. 0

    Si el problema es debido a html, body { overflow-x: hidden;} a continuación, intente utilizar html, body{height: 100%;} funcionó bien para mí.

  5. 0

    Configuración de overflow-y a’hidden’ en muchos casos puede quitar la barra de desplazamiento vertical. Como se puede establecer en ‘visible’, porque eso significa que el desbordamiento es visible, lo que significa que no hay necesidad de desplazarse, por lo que las barras de desplazamiento no son visibles.

    Aquéllas que sin embargo no siempre funciona, porque de lo que se dice en https://developer.mozilla.org/en-US/docs/Web/CSS/overflow :

    «Con el fin de desbordamiento para tener un efecto a nivel de bloque contenedor debe tener un conjunto de altura (altura o max-height) o blanco-espacio nowrap.»

    El enlace de arriba es un buen recurso para tratar de entender cómo ‘desbordamiento’ de las obras en general, no es tan simple como se podría esperar.

    Por ejemplo, otra nota, a partir de ahí:

    «Configuración de un eje a lo visible (el valor predeterminado) mientras el otro a un valor diferente de los resultados visibles se comporta como auto».

Kommentieren Sie den Artikel

Bitte geben Sie Ihren Kommentar ein!
Bitte geben Sie hier Ihren Namen ein

Pruebas en línea