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 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 al cargar la
página y al reescalar la ventana:
http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] CSS según resolucion de pantalla
On 28/09/05, "Choan C. Gálvez" <[EMAIL PROTECTED]> wrote: > Hola, familia. > > En primer lugar, aclarar que me he cargado todo el contenido anterior de > este thread porque con tanto top posting no hay dios que se entienda (ya > discutiremos esto si es menester, yo preferiría no tener que hacerlo). > Eres un monstruo. Por cortar el topposting y por la cosilla esta del DOM :-) -- Manuel a veces :) a veces :( pero siempre trabajando duro para Simplelógica: apariencia, experiencia y comunicación en la web. http://simplelogica.net # (+34) 985 22 12 65 ¡Ah! y escribiendo en Logicola: http://logicola.simplelogica.net/ ___ 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
Con el ejemplo que envié y sin hacer nada más, tiene que ser el usuario el que seleccione manualmente el cambio de CSS. Firefox, Opera, etc... disponen de esta opción en sus respectivos menús (e.g. en Firefox, View > Page Style > lista de CSS disponibles). Puedes ver un ejemplo de como funciona visitando la página oficial sobre CSS y ver la cantidad de CSS alternativos que te aparecen en el menú View. http://www.w3.org/Style/CSS/ Martí Mundó. -- El 28/09/05, [EMAIL PROTECTED]<[EMAIL PROTECTED]> escribió: > Gracias, en este caso no debería haber un java que detecte 800x600? o como > funcionaría? gracias! > > Missatge citat per mmundo <[EMAIL PROTECTED]>: > > > Una opción sería cargar el CSS como opción alternativa: > > > > > 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. > > > > > > __ > > > > > $Autor = "Iban Rodriguez"; > > > // Programador, > > > ?> > > > 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 > > > > > > > > This message was sent using IMP, the Internet Messaging Program. > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a
Re: [Ovillo] CSS según resolucion de pantalla
Gracias, en este caso no debería haber un java que detecte 800x600? o como funcionaría? gracias! Missatge citat per mmundo <[EMAIL PROTECTED]>: > Una opción sería cargar el CSS como opción alternativa: > > 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. > > > > __ > > > $Autor = "Iban Rodriguez"; > > // Programador, > > ?> > > 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 > 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
Re: [Ovillo] CSS según resolucion de pantalla
Una opción sería cargar el CSS como opción alternativa: 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. > > __ > $Autor = "Iban Rodriguez"; > // Programador, > ?> > 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
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
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. __ ?> 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
