Resolucion de Pantalla de Cada usuario

DanHin · #1 (**permalink**) 25/04/2010, 15:30

Buenas Tardes, Quisiera consultarles algo:

Estoy elaborando una pagina web en mi pc, se ve muy bonita, alineada correctamente, etc. Pero tengo un problema, al abrir mi web en otros equipos, ya sea desde disco local o directamente en la web, se me ve corrida la pag, entonces me queria asesorar de ustedes, la pagina web es en html(Toda), no se manejar muy bien hojas de estilo. Entonces mi idea es que se pueda abrir bien deacuerdo a la configuracion de cada equipo, quiero que mi pag se vea como yo la veo en todos los Equipos,
Desde ya gracias por sus respuestrs!

abimaelrc · #2 (**permalink**) 25/04/2010, 16:02

Una forma de lograrlo es declarando un ancho. Es decir

Código HTML:

Ver original<body>
<div style='width: 960px;'>
aquí va el contenido
</div>
</body>

emprear · #3 (**permalink**) 25/04/2010, 16:22

D:

Habría que ver la página para ver de que hablas exactamente.
Puedes ayudarte con con javascript para detectar la resolucion del cliente y en funcion de esta redirigirlo

<script type="text/javascript">

</script>

podrias tambien cambiar la redirección por algo como
document.write("<link rel=\"stylesheet\" type=\"text/css\" href=\"1024x768.css\" />");

sería bueno que empieces a ver un poco de css, que es la solución más apropiada para lo que deseas..
Saludos

jomaruro · #4 (**permalink**) 28/04/2010, 03:39

Hola:

La solución de emprear se puede simplificar sin utilizar javascript (que siempre utiliza más recursos del ordenador) y haciendolo solo con CSS, léete este artículo.

Saludos.

emprear · #5 (**permalink**) 28/04/2010, 07:03

Bueno, es probable Jomaruro, pero ese artículo es una discusión muy en el aire y que no abunda en efectos prácticos, y con css solamente hay cosas que no vas a poder realizar, por ejemplo, el tamaño de una imagen no es elástico, sino fijo, un banner de de 1024x768 jamás se ajustará a una resolución de 800x600.
Por otra parte si lees bien mi post ahi expreso

Cita:

Sería bueno que empieces a ver un poco de css, que es la solución más apropiada para lo que deseas..

En definitiva, todo dependerá de lo que este desarrollando DanHin (que es un misterio por otra parte), y habrá que buscar lo más adecuado.
Pero lo que propones no simplifica, solo limita algunas posibilidades.
Para terminar, el artículo al que hiciste referencia, lo leiste?, al parecer no. Casi al comienzo señala, y cito:

Cita:

La eterna discusión sobre qué tipo de diagramación (layout, maquetación) es mejor para cierto tipo de páginas debería quedar al fin zanjada.

La mejor solución para los diseños donde lo primordial es el texto está entre nosotros.

has visto por alúgn lado en el tema que estémos hablando de páginas donde lo primordial sea el texto?
Te rogaría que no aportes más a la confusion general.

Saludos

DragonX · #6 (**permalink**) 28/04/2010, 07:30

para que tu web se "acomode" a las distintas resoluciones sin tener que hacer JS o mucho retoque de CSS, tenes que utilizar medidas relativas, en (%) porcentaje, es la unica solucion sencilla y profesional.

alexk · #7 (**permalink**) 28/04/2010, 07:34

yo estoy de acuerdo con abimaelrc 960px o 980px como maximo, es bueno si tomamos encuenta de 1024x768 en adelante... que es la resolucion "estandar" por el momento...
pero ya si queremos un sitio flexible, y fluido, podemos usar medidas relativas... ejemplos en http://www.araudi.net/... claro todo depende si el diseño lo permite.

y hacerlo con javascript no lo veo como una solucion ya que se puede hacer con CSS y en un solo archivo... y no hacer un CSS para cada resolucion,
el codigo es practico el que proporcionas, pero diseñar un sitio para cada resolucion no lo veo muy productivo...
aparte de lo que señala jomaruro aveces este recurso, algunas personas lo tienen desactivado...

DanHin · #8 (**permalink**) 28/04/2010, 11:07

Ayudenme como lo haria con cssy javascript pls!

abimaelrc · #9 (**permalink**) 28/04/2010, 11:11

Haz visto los enlaces al menos y tratado lo que te han indicado.

alexk · #10 (**permalink**) 28/04/2010, 11:14

DanHin
ejemplos en http://www.araudi.net

sino te vale otra opcion seria
http://www.csslab.cl/2009/07/22/jquery-browsersizr/

aun que no lo eh probado, por lo mismo que comento antes, que no es necesario
la ayuda ya esta puesta, es cosa de que te decidas que hacer e intentarlo.