Foros del Web » Creando para Internet » CSS »

URGENTE: Ajustar la página a la resolución del usuario

Estas en el tema de URGENTE: Ajustar la página a la resolución del usuario en el foro de CSS en Foros del Web. Hola, tengo una pagina diseñada con dos divs diferentes con sus medidas limitadas, pero ahora tengo que hacer que uno de ellos se ajuste a ...
  #1 (permalink)  
Antiguo 04/03/2009, 11:27
 
Fecha de Ingreso: marzo-2009
Mensajes: 75
Antigüedad: 8 años, 9 meses
Puntos: 0
URGENTE: Ajustar la página a la resolución del usuario

Hola,

tengo una pagina diseñada con dos divs diferentes con sus medidas limitadas, pero ahora tengo que hacer que uno de ellos se ajuste a la resolución de la pantalla del usuario.

la pagina la divido en dos, y la parte de la izquierda debe tener siempre el mismo tamaño, en cambio la parte de la derecha debe ampliarse o estrecharse dependiendo de la resolución del usuario.

cómo puedo hacer esto? alguien me da alguna idea???

muchas gracias
  #2 (permalink)  
Antiguo 04/03/2009, 11:55
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 9 años, 2 meses
Puntos: 83
Respuesta: URGENTE: Ajustar la página a la resolución del usuario

Saludos krinnis!!

De casualidad, has intentado usar los tamaños en %?

esto hace que dependiendo de la resolucion, se haga mas grande, o mas pequeño... Creo que es lo que buscas no?
__________________
[ Mi Sitio Personal ]
"La felicidad no es una estacion de llegada... Es un modo de viajar"
Tom Schreiter
  #3 (permalink)  
Antiguo 04/03/2009, 12:07
 
Fecha de Ingreso: marzo-2009
Mensajes: 75
Antigüedad: 8 años, 9 meses
Puntos: 0
Respuesta: URGENTE: Ajustar la página a la resolución del usuario

No me funciona, se me desconfigura toda la página.

esto es lo que quisiera que se expandiese de acuerdo a la resolución de la pantalla (parte derecha)

<div id="divMap" style="z-index:2px; POSITION:absolute; TOP:155px; left:450px; width: 705px; height: 620px; overflow:visible;">
<table style="background-color:#044076; color: #FFFFFF; font-family: Verdana; font-weight: normal; font-size: small;">
<tr><td>
<div id="map_inicio" style="width: 700px; height: 615px;" />
</td></tr></table>
</div>

es un mapa como ves, con su borde y todo, entonces debe expandirse tanto como pueda, teniendo siempre al lado un div que tiene tamaños definidos que esta parte de codigo (parte izquierda)

<div id="Pages" style="z-index:1; position:absolute; top: 145px; left:6px; width:400px; height: 650px; overflow:hidden;">
<table class="General" cellpadding="0" cellspacing="1">
<tr>
<td>
<iframe id="OpcionMenu" title="optionMenu" style="width:100%; top:50px; height:620px" src="blank.htm" frameborder="0"></iframe>
</td>
</tr>
</table>
</div>
  #4 (permalink)  
Antiguo 04/03/2009, 12:12
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 9 años, 2 meses
Puntos: 83
Respuesta: URGENTE: Ajustar la página a la resolución del usuario

Haber... a mi forma de verlo, lo tienes todo confundido (o yo estoy confundido... )

Cita:
esto es lo que quisiera que se expandiese de acuerdo a la resolución de la pantalla (parte derecha)

<div id="divMap" style="z-index:2px; POSITION:absolute; TOP:155px; left:450px; width: 705px; height: 620px; overflow:visible;">
<table style="background-color:#044076; color: #FFFFFF; font-family: Verdana; font-weight: normal; font-size: small;">
<tr><td>
<div id="map_inicio" style="width: 700px; height: 615px;" />
</td></tr></table>
</div>
Si eso es lo que quieres que se expanda, porque esta expresado en px? tendria que estar expresado en % tal como te lo dije arriba...

Cita:
es un mapa como ves, con su borde y todo, entonces debe expandirse tanto como pueda, teniendo siempre al lado un div que tiene tamaños definidos que esta parte de codigo (parte izquierda)

<div id="Pages" style="z-index:1; position:absolute; top: 145px; left:6px; width:400px; height: 650px; overflow:hidden;">
<table class="General" cellpadding="0" cellspacing="1">
<tr>
<td>
<iframe id="OpcionMenu" title="optionMenu" style="width:100%; top:50px; height:620px" src="blank.htm" frameborder="0"></iframe>
</td>
</tr>
</table>
</div>
A diferencia de este, que tiene un width del 100%... asi que realmente no entiendo si lo que quieres es lo que dices.

Me retiro de este post, lo siento pero si trato de ayudarte, me gustaria tambien que intentaras lo que te pido, si aun asi no lo haces, entonces no tengo porque estar aqui.

Espero que resuelvas tu problema y que tengas buena suerte!

Hasta Luego!!
__________________
[ Mi Sitio Personal ]
"La felicidad no es una estacion de llegada... Es un modo de viajar"
Tom Schreiter
  #5 (permalink)  
Antiguo 05/03/2009, 05:32
 
Fecha de Ingreso: marzo-2009
Mensajes: 75
Antigüedad: 8 años, 9 meses
Puntos: 0
Respuesta: URGENTE: Ajustar la página a la resolución del usuario

Como te dije en el anterior, lo he intentado y no funciona, se me queda en una esquina.

si alguien tiene alguna idea mas se lo agradeceria
  #6 (permalink)  
Antiguo 05/03/2009, 09:57
 
Fecha de Ingreso: enero-2008
Mensajes: 133
Antigüedad: 9 años, 10 meses
Puntos: 1
Respuesta: URGENTE: Ajustar la página a la resolución del usuario

hola kinnis
lo anterior lo tienes mal elñ div que tiene que ajustarse a la resolución es el que tiene que llevar el width en % y el que sea fijo en px, justo al reves de como lo tienes.
quizas si pusieras un link a la pagina o el código completo o algo asi te entenderiamos mejor si es que ese es el problema.
Saludos
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:25.