Necesito cambiar estilo a un Id con overflow:auto para Imprimir

[Galled]

Hola quiero imprimir una parte de mi pagina que esta dentro de un DIV con estilos con un ID llamado "quickSummary" a traves de un boton:

<a href="#" onclick="impre('quickSummary');return false;">Versión Para Imprimir</a>.

Pero no corre.

Tengo el siguiente script en javascript

Código PHP:

  function cambia_estilo(ID){
    document.getElementById(ID).style.overflow="inherit";
    document.getElementById(ID).style.margin="15%";
} 
   

Y como se puede ver, quiero cambiar parte de los estilos de un ID, pero no me funciona cuando quiero cambiar los estilos de este ID:

Código PHP:

  #quickSummary {
    margin: 145px 30px 20000px 95px;
    z-index:0;
    PADDING: 10px; 
    WIDTH: 585px;
    height: 320px;
    overflow:auto;
    border: 1px solid #1e7548;
    SCROLLBAR-HIGHLIGHT-COLOR: #fff; 
    SCROLLBAR-SHADOW-COLOR: #fff; 
    SCROLLBAR-3DLIGHT-COLOR: #fff;
    SCROLLBAR-ARROW-COLOR: #fff; 
    SCROLLBAR-TRACK-COLOR: #fff; 
    SCROLLBAR-DARKSHADOW-COLOR: #fff; 
    SCROLLBAR-BASE-COLOR: #fff;
    SCROLLBAR-FACE-COLOR: #1e7548;
    }
 
#quickSummary ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: arial, sans-serif;
}
 
#quickSummary li a{ margin: 0px; 
display: block;
padding: 5px 10px;
width: 240px;
color: #000;
background-color: #E5EDF0;
font: 8pt/11pt Sans-serif;
font-weight: bold;
border: 1px solid #A5B6BC;}
 
#quickSummary ul ul li { margin:0px;
}
 
#quickSummary ul ul a
{
display: block;
padding: 5px 5px 5px 30px;
width: 225px;
color: #000;
background-color: #fff;
text-decoration: none;
font: 7.5pt/11pt Sans-serif;
font-weight:normal;
} 
   

Pongo todas extensiones por si acaso, aqui esta el Id principal:

Código PHP:

  #quickSummary {
    margin: 145px 30px 20000px 95px;
    z-index:0;
    PADDING: 10px; 
    WIDTH: 585px;
    height: 320px;
    overflow:auto;
    border: 1px solid #1e7548;
    SCROLLBAR-HIGHLIGHT-COLOR: #fff; 
    SCROLLBAR-SHADOW-COLOR: #fff; 
    SCROLLBAR-3DLIGHT-COLOR: #fff;
    SCROLLBAR-ARROW-COLOR: #fff; 
    SCROLLBAR-TRACK-COLOR: #fff; 
    SCROLLBAR-DARKSHADOW-COLOR: #fff; 
    SCROLLBAR-BASE-COLOR: #fff;
    SCROLLBAR-FACE-COLOR: #1e7548;
    } 
   

Quise hacerlo asignandole una clase:

Código PHP:

  <style>
@media print {
    div,a {display:none}
    .ver {display:block;
   overflow=inherit;
margin="15%";
}
    .nover {display:none}
}
</style> 
   

Y luego cambiarlo con Javascript con:

Código PHP:

  document.getElementById(ID).className="ver" 
   

(Insertado en la función)

Pero igual no me corre.

[Galled]

Ya lo resolvi, no lo hice con Javascript (rogaria al moderador que lo pase a CSS).

Aqui esta los estilos para el DIV quickSummary:

Código PHP:

  #quickSummary {
    margin: 145px 30px 20000px 95px;
    z-index:0;
    PADDING: 10px;
    WIDTH: 585px;
    height: 320px;
[COLOR=Red]    overflow:auto;[/COLOR]
    border: 1px solid #1e7548;
    SCROLLBAR-HIGHLIGHT-COLOR: #fff;
    SCROLLBAR-SHADOW-COLOR: #fff;
    SCROLLBAR-3DLIGHT-COLOR: #fff;
    SCROLLBAR-ARROW-COLOR: #fff;
    SCROLLBAR-TRACK-COLOR: #fff;
    SCROLLBAR-DARKSHADOW-COLOR: #fff;
    SCROLLBAR-BASE-COLOR: #fff;
    SCROLLBAR-FACE-COLOR: #1e7548;
    } 
   

Y los estilos que use en el print.css:

Código PHP:

  #quickSummary {
    margin: 0;
    padding:10;
    border: 1px solid #1e7548;
    [COLOR=Red]height: auto;
    width:auto;[/COLOR]
    } 
   

Lo que jodía era el alto y el ancho del DIV, y no el overflow

[BurnLeugim]

Tengo una duda parecida:

Tengo unos divs, que cuando el contenido se desborda, les pongo scrollbars.

Existe una forma de cambiarle el estilo a esos scrollbars??

[JavierB]

El mensaje original es de hace más de 3 años. Por favor, no reviváis temas tan antiguos.

Saludos,