[Ovillo] IE6 y @media print

2008-08-21 Por tema Miguel Beltran R.
Hola Lista

Tengo un problema 3 hojas a la hora de imprimir y por eso estoy
haciendo pruebas sencillas para ver como resolverlo.
Uso el javascript para cambiar dinamicamente los estilos (x1 y x2),
funciona bien en FF 3. Se ve correcto en vista preliminar.
Pero como siempre en IE6 cuando cambio a la que tenga como alternativa
y checo la
vista previa si me respeta las reglas principales , pero no las @media
print (que la que declare en el archivo alternate)
¿Algún hack que se sepan? ¿O voy a tener qué hacer el cambio el hoja
recargando toda la pagina y cambiandola mediante asp? No quisiera
porque es volver a mandar los datos de las consultas.
Prueben cambiando el alternate de x1 a x2 y vean la diferencia.

--x1.htm:
html
head
link rel=alternate stylesheet href=x1.css title=x1
type=text/css media=all  /
link rel=stylesheet href=x2.css title=x2  type=text/css  media=all /
link rel=stylesheet href=x3.css type=text/css media=print /
script src=styleswitcher.js type=text/javascript/script
/head
body
span class=botones
a onclick=setActiveStyleSheet('x1'); return false; href=x1/a
a onclick=setActiveStyleSheet('x2'); return false; href=x2/a
/span
ul
 lispan class=sspan/span/li
 lidiv class=ddiv/div/li
/ul
/body
/html


--x1.css:
.s { color: red; display: block; }
.d { color: blue; display: inline; }
ul {  list-style-type:none; }
@media print {
   .s { color: yellow; }
   .d { color: green; }
}


--x2.css:
.s { text-align:right; }
.d { text-align:right; }
@media print {
   .s { color: blue; }
   .d { color: red; }
}

--x3.css:
ul { border: 1px solid black;}




pd1. El script javascript le cambie la extension porque no me dejaba
mandarlo a la lista. Debe tener extension .js
pd2. Algo que note es que si a los media print le pongo un title, Fiferox
ignora la hoja.

-- 

Lo bueno de vivir un dia mas
es saber que nos queda un dia menos de vida
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] IE6 y @media print

2008-08-21 Por tema stripTM
Miguel Beltran R. escribió:
 Hola Lista

 Tengo un problema 3 hojas a la hora de imprimir y por eso estoy
 haciendo pruebas sencillas para ver como resolverlo.
 Uso el javascript para cambiar dinamicamente los estilos (x1 y x2),
 funciona bien en FF 3. Se ve correcto en vista preliminar.
 Pero como siempre en IE6 cuando cambio a la que tenga como alternativa
 y checo la
 vista previa si me respeta las reglas principales , pero no las @media
 print (que la que declare en el archivo alternate)
 ¿Algún hack que se sepan? ¿O voy a tener qué hacer el cambio el hoja
 recargando toda la pagina y cambiandola mediante asp? No quisiera
 porque es volver a mandar los datos de las consultas.
 Prueben cambiando el alternate de x1 a x2 y vean la diferencia.

 --x1.htm:
 html
 head
 link rel=alternate stylesheet href=x1.css title=x1
 type=text/css media=all  /
 link rel=stylesheet href=x2.css title=x2  type=text/css  media=all 
 /
 link rel=stylesheet href=x3.css type=text/css media=print /
 script src=styleswitcher.js type=text/javascript/script
 /head
 body
 span class=botones
 a onclick=setActiveStyleSheet('x1'); return false; href=x1/a
 a onclick=setActiveStyleSheet('x2'); return false; href=x2/a
 /span
 ul
  lispan class=sspan/span/li
  lidiv class=ddiv/div/li
 /ul
 /body
 /html


 --x1.css:
 .s { color: red; display: block; }
 .d { color: blue; display: inline; }
 ul {  list-style-type:none; }
 @media print {
.s { color: yellow; }
.d { color: green; }
 }


 --x2.css:
 .s { text-align:right; }
 .d { text-align:right; }
 @media print {
.s { color: blue; }
.d { color: red; }
 }

 --x3.css:
 ul { border: 1px solid black;}




 pd1. El script javascript le cambie la extension porque no me dejaba
 mandarlo a la lista. Debe tener extension .js
 pd2. Algo que note es que si a los media print le pongo un title, Fiferox
 ignora la hoja.

   
Lo que hace Firefox si añades title es correcto, vete al menú Ver / 
Estilo de página y hay aparecerán tantas hojas de estilo como hayas 
rellenado, son 'juegos' de estilos diferentes para que el usuario decida 
como quiere ver la página.

Para activar y desactivar las diferentes hojas de estilo con javascript 
pon o quita el atributo disabled de la etiqueta link rel=stylesheet.../

-- 
Saludos -=stripTM=-

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo