ajuste pagina en funcion de resolucion

17/10/2005 - 11:01 por Jordi Maycas | Informe spam
Hola! Tengo una pagina web optimizada para 1024x768, pero querria que si se
pone el monitor a 800x600 se adaptara... algo como hace por ejemplo
terra.es.


Alguna idea?

Preguntas similare

Leer las respuestas

#1 Sandra y María Claudia
17/10/2005 - 23:51 | Informe spam
Basicamente es cuestión de tablas.
Hay dos formas de diagramar una página web: tablas o layers. Estos últimos
son más versatiles es verdad, pero también puedes ingresar tablas en los
layers.
Ahora bien, para que calce exacto a la resolución del cliente debes tener
las tablas con un width="100%" e ir jugando con las demas celdas y tablas
que puedas crear ahi para que mantengan un orden y tamaño

____________________________________________________________________________________
SyMC
Suerte es la ayuda que te da la vida... Destino es lo que haces con esta
ayuda
Comparte con los demás, es la mejor manera de crecer y quererse más
El SP2 lo puedes bajar desde
http://www.microsoft.com/downloads/...p;FamilyID9c9dbe-3b8e-4f30-8245-9e368d3cdb5a
El artículo de JM Tella sobre como integrar SP2 con el Xp esta en
http://www.multingles.net/docs/xpsp2.htm
Ad-aware SE en español: http://www.lavasoft.de/spanish/
spywareblaster:
http://www.ct7support.com/javacool/...nload.html
Spybot - Search & Destroy 1.3:
http://www.zonavirus.com/descargas/spybotsd13.exe
The Cleaner http://www.moosoft.com/
CWShreader, Hijackthis http://www.majorgeeks.com/download4086.html
Respuesta Responder a este mensaje
#2 Jordi Maycas
18/10/2005 - 17:26 | Informe spam
si, eso comprobado, aunque tengo problemas con un par de cosas.

En www.iwet.es/main.html la barra superior de menus esta bien, pero justo
debajo tengo una tabla con el width 100% y el logo a un 15% pero como ves,
no termina de cuadrar. Alguna idea?

"Sandra y María Claudia" escribió en el mensaje
news:%23dv%
Basicamente es cuestión de tablas.
Hay dos formas de diagramar una página web: tablas o layers. Estos últimos
son más versatiles es verdad, pero también puedes ingresar tablas en los
layers.
Ahora bien, para que calce exacto a la resolución del cliente debes tener
las tablas con un width="100%" e ir jugando con las demas celdas y tablas
que puedas crear ahi para que mantengan un orden y tamaño

____________________________________________________________________________________
SyMC
Suerte es la ayuda que te da la vida... Destino es lo que haces con esta
ayuda
Comparte con los demás, es la mejor manera de crecer y quererse más
El SP2 lo puedes bajar desde
http://www.microsoft.com/downloads/...p;FamilyID9c9dbe-3b8e-4f30-8245-9e368d3cdb5a
El artículo de JM Tella sobre como integrar SP2 con el Xp esta en
http://www.multingles.net/docs/xpsp2.htm
Ad-aware SE en español: http://www.lavasoft.de/spanish/
spywareblaster:
http://www.ct7support.com/javacool/...nload.html
Spybot - Search & Destroy 1.3:
http://www.zonavirus.com/descargas/spybotsd13.exe
The Cleaner http://www.moosoft.com/
CWShreader, Hijackthis http://www.majorgeeks.com/download4086.html

Respuesta Responder a este mensaje
#3 Jordi Maycas
18/10/2005 - 17:34 | Informe spam
estube revisando lo de layers, y no termina de convencerme; prefiero mejor
tablas.

Parece que lo de layers es para seguir siendo compatible con netscape 4.0 y
no sigue la idea de la W3C de separar contenido, de situacion...


"Jordi Maycas" escribió en el mensaje
news:O6gFjh$
si, eso comprobado, aunque tengo problemas con un par de cosas.

En www.iwet.es/main.html la barra superior de menus esta bien, pero justo
debajo tengo una tabla con el width 100% y el logo a un 15% pero como ves,
no termina de cuadrar. Alguna idea?

"Sandra y María Claudia" escribió en el mensaje
news:%23dv%
Basicamente es cuestión de tablas.
Hay dos formas de diagramar una página web: tablas o layers. Estos
últimos son más versatiles es verdad, pero también puedes ingresar tablas
en los layers.
Ahora bien, para que calce exacto a la resolución del cliente debes tener
las tablas con un width="100%" e ir jugando con las demas celdas y tablas
que puedas crear ahi para que mantengan un orden y tamaño

____________________________________________________________________________________
SyMC
Suerte es la ayuda que te da la vida... Destino es lo que haces con esta
ayuda
Comparte con los demás, es la mejor manera de crecer y quererse más
El SP2 lo puedes bajar desde
http://www.microsoft.com/downloads/...p;FamilyID9c9dbe-3b8e-4f30-8245-9e368d3cdb5a
El artículo de JM Tella sobre como integrar SP2 con el Xp esta en
http://www.multingles.net/docs/xpsp2.htm
Ad-aware SE en español: http://www.lavasoft.de/spanish/
spywareblaster:
http://www.ct7support.com/javacool/...nload.html
Spybot - Search & Destroy 1.3:
http://www.zonavirus.com/descargas/spybotsd13.exe
The Cleaner http://www.moosoft.com/
CWShreader, Hijackthis http://www.majorgeeks.com/download4086.html





Respuesta Responder a este mensaje
#4 Rodrigo Fraga
25/10/2005 - 05:28 | Informe spam
Como Sandra te respondió es la solución, pero si quieres un ejemplo claro es
este:
<table width="100%" height="100%">
<tr>
<td width="50%" height="100%"></td>
<td height="100%">Nota que este no tiene ancho!!</td>
<td width="50%" height="100%"></td>
</tr>
</table>

Consejito: Diseño pequeño para luego hacer grande, no a la inversa! asi que
diseña para resolución de 800*600 (además, 800 no es aún visible para esa
resolución intenta con 770*600) ¿por que? bueno --ahi esta el scroller te
quita 30px =P --> activo o no asi esta y se nota.
"Jordi Maycas" escribió:

Hola! Tengo una pagina web optimizada para 1024x768, pero querria que si se
pone el monitor a 800x600 se adaptara... algo como hace por ejemplo
terra.es.


Alguna idea?







Respuesta Responder a este mensaje
#5 JESE
30/10/2005 - 09:53 | Informe spam
Hola, Rodrigo:

De acuerdo, pero sobran los 3 "height"'s de los tags <td>.
En el ejemplo que te pego abajo, sobra "vAlign=center" , parece que es
así predeterminadamente. -

<TABLE width='100%' height='100%'>
<TR>
<td width='50%'>
</td>
<td align=center vAlign=center>
Nota que &eacute;ste no tiene ancho
</td>
<td width='50%'>
</td>
</TR>
</TABLE>

Un saludo. www.jese.info Córdoba España

"Rodrigo Fraga" escribió en el
mensaje news:
Como Sandra te respondió es la solución, pero si quieres un ejemplo claro
es
este:
<table width="100%" height="100%">
<tr>
<td width="50%" height="100%"></td>
<td height="100%">Nota que este no tiene ancho!!</td>
<td width="50%" height="100%"></td>
</tr>
</table>

Consejito: Diseño pequeño para luego hacer grande, no a la inversa! asi
que
diseña para resolución de 800*600 (además, 800 no es aún visible para esa
resolución intenta con 770*600) ¿por que? bueno --ahi esta el scroller te
quita 30px =P --> activo o no asi esta y se nota.
"Jordi Maycas" escribió:

Hola! Tengo una pagina web optimizada para 1024x768, pero querria que si
se
pone el monitor a 800x600 se adaptara... algo como hace por ejemplo
terra.es.


Alguna idea?










email Siga el debate Respuesta Responder a este mensaje
Ads by Google
Help Hacer una preguntaRespuesta Tengo una respuesta
Search Busqueda sugerida