Acomodo de resolucion automatico

lokoguille2005 · #1 (**permalink**) 09/02/2012, 15:40

Amigos:
Quisiera que me ayuden sobre la visualizacion de 100% correctamente en las distintas resoluciones. Gracias.

ArturoGallegos · #2 (**permalink**) 09/02/2012, 18:23

últimamente andamos cortos en facultades adivinatorias, con lo que has expuesto simplemente estamos atados de manos y no podemos ayudarte, proporciona mas información y el código implementado o mejor aun un link a tu sitio demo en caso de tenerlo

lokoguille2005 · #3 (**permalink**) 09/02/2012, 20:57

Cita:

Iniciado por Ag666

últimamente andamos cortos en facultades adivinatorias, con lo que has expuesto simplemente estamos atados de manos y no podemos ayudarte, proporciona mas información y el código implementado o mejor aun un link a tu sitio demo en caso de tenerlo

Lo que quiero hacer es un script en el cual automaticamente se acomode a la resolucion de pantalla de cada navegante que visita el sitio

Por ejemplo
Mi sitio esta hecho 1280x800 pero entra uno con 800x800 estonces en este caso que se acomode automaticamente en 800x800 para que se pueda visualizar correctamente y asi con todas las resoluciones ya sea mayores o menores

Gracias

ryugen · #4 (**permalink**) 10/02/2012, 05:26

Más que un script, te recomendaría que leas más sobre: responsive Web design

lokoguille2005 · #5 (**permalink**) 15/02/2012, 14:03

Cita:

Iniciado por ryugen

Más que un script, te recomendaría que leas más sobre: responsive Web design

no entiendo lo que tengo que hacer, encima esta todo en ingles no hay otra pagina mas facil y en español
gracias capo

ArturoGallegos · #6 (**permalink**) 15/02/2012, 19:47

si andas mal en ingles siempre puedes usar un traductor no sea perezoso, ademas yo le he pedido mas información, un ejemplo del código empleado o link a tu sitio, te repito sin mas información es imposible ayudarte aquí estamos para ayudarte pero si no sabemos donde estas errando pues solo nos quedaría adivinar, no existe un script maestro que solo debas poner y ya.

todo depende de que tan bien escribas tu código html + css

pero va adivinare un poco, estas utilizando porcentajes de manera inadecuada y/o utilizas posición absoluta en exceso... así que su solución es no utilizar porcentajes si no sabe como controlarlos y limítese a usar pixeles y/o deje de usar posición absoluta.

lokoguille2005 · #7 (**permalink**) 15/02/2012, 23:42

Cita:

Iniciado por Ag666

si andas mal en ingles siempre puedes usar un traductor no sea perezoso, ademas yo le he pedido mas información, un ejemplo del código empleado o link a tu sitio, te repito sin mas información es imposible ayudarte aquí estamos para ayudarte pero si no sabemos donde estas errando pues solo nos quedaría adivinar, no existe un script maestro que solo debas poner y ya.

todo depende de que tan bien escribas tu código html + css

pero va adivinare un poco, estas utilizando porcentajes de manera inadecuada y/o utilizas posición absoluta en exceso... así que su solución es no utilizar porcentajes si no sabe como controlarlos y limítese a usar pixeles y/o deje de usar posición absoluta.

Te pase lo que hice:

En la pagina index.php (Te copio solo la parte donde pegue el codigo)

</style>
</head>
<body>
<link rel="stylesheet" type="text/css"
media="screen and (max-device-width: 480px)"
href="shetland.css" />

<table width="800" height="566" align="center" class="pagina">
<tr>
<td width="927" height="2">
 </td>
</tr>
<tr>
<td height="556" align="left" valign="top"><table width="825" height="536">
<tr>
<td width="221" height="530" align="left" valign="top">

<DIV id=categs>
<form action="" method="post" name="form3" class="aclaraciones" id="form3">
<label></label>
<div align="center"><span class="Estilo12">Categorias</span></div>
</form>
<p>

En shetland.css
/* CSS Document */

.figure {
float: left;
margin: 0 3.317535545023696682% 1.5em 0; /* 21px / 633px */
width: 31.121642969984202211%; /* 197px / 633px */
}

li#f-mycroft,
li#f-winter {
margin-right: 0;
}
@media screen and (max-width: 600px) {
.mast,
.intro,
.main,
.footer {
float: none;
width: auto;
}
}
@media screen and (max-width: 400px) {
.figure,
li#f-mycroft {
margin-right: 3.317535545023696682%; /* 21px / 633px */
width: 48.341232227488151658%; /* 306px / 633px */
}
li#f-watson,
li#f-moriarty {
margin-right: 0;
}
}
@media screen and (min-width: 1300px) {
.figure,
li#f-mycroft {
margin-right: 3.317535545023696682%; /* 21px / 633px */
width: 13.902053712480252764%; /* 88px / 633px */
}
}

Pero asi no funciona espero que me puedan ayudar mil gracias

lokoguille2005 · #8 (**permalink**) 17/02/2012, 20:45

alguien q me ayuden porfavor

lokoguille2005 · #9 (**permalink**) 17/02/2012, 20:47

no se como hacer para que mi sitio se vea al 100% en la pantalla correctamente en todas las resoluciones