Re: [Ovillo] CSS según resolucion de pantalla
Yo utilizo una sóla hoja de estilos y, en función de la resolución,
modifico la propiedad width en los divs maestros con javascript:
if (anchura 921) {
document.getElementById('contenedor').style.width = '760px'.
else {
document.getElementById('contenedor').style.width = '900px'
}
En este ejemplo, tengo dos anchos fijos de página, según sea la
ventana del cliente.Se supone que contenedor sería el típico div
id=contenedor que contiene toda la chicha de la página
Para calcular anchura hay mil scripts en internet, y no tengo claro
que el que uso sea el bueno, así que ese no lo posteo. anchura me lo
devolverá la función anchuras que invoco desde body al cargar la
página y al reescalar la ventana:
body onresize=anchuras(document.documentElement.offsetWidth)
onload=anchuras(document.documentElement.offsetWidth) /
div id=contenedor
..
/div
/body
putadita: no sé si es onload u onresize que no valida xhtml.
Jorge
___
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://ovillo.org/mailman/listinfo/ovillo
RE: [Ovillo] CSS según resolucion de pantalla
Hola, Ahora mismo no puedo entrar en detalles de CSS o en informacion tecnica (falta de tiempo y conocimientos). Pero echale un vistazo a www.microsoft.com. Si te fijas a 800x600 carga unas imágenes, y a 1024 otras (me refiero al tamaño). Es decir, a 800x600 la web queda encajada perfecta, y a 1024 también. Me he fiiado que resizeando el navegador y refrescando notas este efecto, sin necesidad de cambiar la resolución, por lo que utilizarán algún tipo de JavaScript (o vbscript?) para detectarlo. Mírate el fuente a ver si ves algo y te sirve. Espero que te sirva de ayuda. Un saludo. __ ?php $Autor = Iban Rodriguez; // Programador, THE MOVIE ? www.themovie.org -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] nombre de [EMAIL PROTECTED] Enviado el: lunes, 26 de septiembre de 2005 16:54 Para: ovillo@lists.ovillo.org Asunto: [Ovillo] CSS según resolucion de pantalla Hola, les mando este email para pedir opinión y soporte por parte de ustedes en caso que sepan o crean adecuado hacer lo sigueinte. A día de hoy estoy diseñando un sitio web basado en CSS y XHTML completamente. El diseño es bastante gráfico y su reultado y apariencia es más agradable en la resolución de 1024x768 y posteriores que no en 800x600 donde veo la web demaisado apretada una vez se vé en grandes resoluciones. La pregunta es, creen ustedes que se pueden cargar dos css, una para resolucuones de 800x600 y otra para resoluciones superiores? Tengo las dos CSS hechas, me gustarí saber qué debo indicar en el documento css, en la xhtml o si debo instalar algo. Supongo que sí se podrá hacer, no es lo que me hubises gustado pero creo que así mejoro la usabilidad de la web para resoluciones de pantalla grandes y para pequeñas adpatando la apariencia, anchos, a la pantalla. Sé que existe la opción que sea líquida, que fluya la web en función de la pantalla dando % a los div's contenedores pero en mi caso el div del contenido central tiene un tamaño fijo de 590 pixels, y el div lateral (es a 2 columnas) no creo que sea conveniete y posible indicarle un % de tamaño. Además si fuese por % me gustaría indicarñe un ancho máximo. Saludos y gracias. This message was sent using IMP, the Internet Messaging Program. ___ 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://ovillo.org/mailman/listinfo/ovillo ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] CSS según resolucion de pantalla
La pregunta es, creen ustedes que se pueden cargar dos css, una para resolucuones de 800x600 y otra para resoluciones superiores? Tengo las dos CSS hechas, me gustarí saber qué debo indicar en el documento css, en la xhtml o si debo instalar algo. En http://www.rammstein.com/ hacen exactamente eso, basándose en un javascript que detecta la resolución de pantalla y cambia la hoja de estilo si procede Échale un ojo al código fuente, y verás como lo hacen. Otro ejemplo en http://www.themaninblue.com/experiment/ResolutionLayout/ Saludos, Ernesto ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] CSS según resolucion de pantalla
Una opción sería cargar el CSS como opción alternativa: link rel=alternate stylesheet title=Resolución 800x600 href=[path del CSS optimizado a 800x600] Recuerdo haber visto ejemplos de código que aplican CSS según deteminadas características del dispositivo (CSS3 trata este tema, pero no sé si lo vi en algún otro sitio). Saludos, Martí Mundó. -- El 26/09/05, Iban Rodriguez[EMAIL PROTECTED] escribió: Hola, Ahora mismo no puedo entrar en detalles de CSS o en informacion tecnica (falta de tiempo y conocimientos). Pero echale un vistazo a www.microsoft.com. Si te fijas a 800x600 carga unas imágenes, y a 1024 otras (me refiero al tamaño). Es decir, a 800x600 la web queda encajada perfecta, y a 1024 también. Me he fiiado que resizeando el navegador y refrescando notas este efecto, sin necesidad de cambiar la resolución, por lo que utilizarán algún tipo de JavaScript (o vbscript?) para detectarlo. Mírate el fuente a ver si ves algo y te sirve. Espero que te sirva de ayuda. Un saludo. __ ?php $Autor = Iban Rodriguez; // Programador, THE MOVIE ? www.themovie.org -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] nombre de [EMAIL PROTECTED] Enviado el: lunes, 26 de septiembre de 2005 16:54 Para: ovillo@lists.ovillo.org Asunto: [Ovillo] CSS según resolucion de pantalla Hola, les mando este email para pedir opinión y soporte por parte de ustedes en caso que sepan o crean adecuado hacer lo sigueinte. A día de hoy estoy diseñando un sitio web basado en CSS y XHTML completamente. El diseño es bastante gráfico y su reultado y apariencia es más agradable en la resolución de 1024x768 y posteriores que no en 800x600 donde veo la web demaisado apretada una vez se vé en grandes resoluciones. La pregunta es, creen ustedes que se pueden cargar dos css, una para resolucuones de 800x600 y otra para resoluciones superiores? Tengo las dos CSS hechas, me gustarí saber qué debo indicar en el documento css, en la xhtml o si debo instalar algo. Supongo que sí se podrá hacer, no es lo que me hubises gustado pero creo que así mejoro la usabilidad de la web para resoluciones de pantalla grandes y para pequeñas adpatando la apariencia, anchos, a la pantalla. Sé que existe la opción que sea líquida, que fluya la web en función de la pantalla dando % a los div's contenedores pero en mi caso el div del contenido central tiene un tamaño fijo de 590 pixels, y el div lateral (es a 2 columnas) no creo que sea conveniete y posible indicarle un % de tamaño. Además si fuese por % me gustaría indicarñe un ancho máximo. Saludos y gracias. This message was sent using IMP, the Internet Messaging Program. ___ 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://ovillo.org/mailman/listinfo/ovillo ___ 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://ovillo.org/mailman/listinfo/ovillo ___ 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://ovillo.org/mailman/listinfo/ovillo
