¿la otra pregunta es como puedo hacer que una pagina en Css se adapte a la resolucion de los monitores de los usuarios?
Saludos y de antemano gracias por cualquier ayuda.
|
|
#1 (permalink) |
![]() Fecha de Ingreso: junio-2004
Mensajes: 136
|
Css en varios Exploradores
¿la otra pregunta es como puedo hacer que una pagina en Css se adapte a la resolucion de los monitores de los usuarios? Saludos y de antemano gracias por cualquier ayuda. |
|
|
|
|
|
#2 (permalink) |
|
Colaborador
![]() ![]() ![]() Fecha de Ingreso: marzo-2004
Ubicación: En alguna otra parte
Mensajes: 4.392
|
Hola
La mejor manera de esta seguro de que tus css se verán bien la mayor cantidad de exploradores, es que utilices los estándares, es decir, no uses código específicos de explorer o netscape. Y por supuesto, deberás probar tu página en varios navegadores. Si te dedicas seriamente al diseño web, deberías tener unos cuantos instalados. Para lograr que varien las dimensiones de las cosas, solo debes usar funciones javascript que reasignen los valores a los elementos que desees. Dichos elementos tendrían sus valores iniciales asignados mediante css tal y como mencionas. Suerte Felicidad
__________________
De vuelta por aquí, más o menos ¡ hey, hou, hou, hey ! |
|
|
|
|
|
#3 (permalink) |
![]() Fecha de Ingreso: junio-2003
Ubicación: estocolmo<-->mexico
Mensajes: 1.627
|
__________________
::::::::::::::::::::::::::::: WebHostNinja | diseñorama.com:::::::::::::::::::::::::::::: |
|
|
|
|
|
#4 (permalink) |
![]() Fecha de Ingreso: mayo-2003
Mensajes: 53
|
Para resolver el problema de la resolución de pantalla puedes utilizar el siguiente código, a mi me ha funcionado para resoluciones 800x600 i 1024x768.
<link id="hojaEstilos" rel="stylesheet" href=" " type="text/css" /> <script language="javascript" type="text/javascript" src="funcio.js"></script> <script language="javascript" type="text/javascript"> var Estilos = captura_pant () document.getElementById('hojaEstilos').href=Estilo s </script> Este codigo dentro de Head antes del contenido de Body. Y este siguiente código yo lo edité en un archivo a parte de nombre funcio.js para superar algunos problemas con los estandares que no me permitían tener el código JavaScript en el Head : function captura_pant () { var Estilos ="wp-layout-800.css" if(screen.width <= 800) { Estilos = "wp-layout-800.css" } else{Estilos = "wp-layout-1024.css"} return Estilos } Espero que este código te sirva para lo que quieres hacer. |
|
|
|
|
|
#5 (permalink) |
![]() Fecha de Ingreso: enero-2004
Ubicación: Palma de Mallorca
Mensajes: 27
|
Hola
Tal como ha dicho Patomas, el mejor sistema es diseñar/programar/desarrollar siguiendo los estándares. En algunos casos, con navegadores concretos, estos estándares universales son implementados de forma muy específica. Me refiero naturalmente a las diferentes versiones del Internet Explorer. En la direcciones que te adjunto, puedes descargar diferentes versiones "standalone" de este programa, a fin de que puedas probar como quedan tus páginas en Explorer 6, 5.5, 5 , amén de otros navegadores "de verdad" como Firefox. http://labs.insert-title.com/labs/article.aspx?ID=795 http://www.skyzyx.com/downloads/ Espero que te sean útiles los enlaces. Un saludo Alex |
|
|
|