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

[krinnis]

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

[Calizman]

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?

[krinnis]

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>

[Calizman]

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

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...

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!!

[krinnis]

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

[ruben-et]

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