Foros del web, para los que viven de bits

cdgaete · 22-feb-2003, 22:13

He realizado una página web para una pantalla cuya resolución sea de 800 por 600, pero quiero que dicha página vista en una pantalla de mayor resolución se centre automáticamente para que se vea bien y no se vea a un lado. ademas sé trabajar de modo grafico en dreamweaver y he contruido mi pagina con puras capas, nada de tablas he visto varias respuestas pero para tablas y no capas, lo ultimo se algo de codigo html, si me indican donde colocar cualquier codigo de seguro que lo hago.

<table border="1" width="50%" align="center">
<tr>
<td>
<div id="madre" style="position:absolute">
<div id="hija1" style="position:absolute; top:-100;left=-100;background-color:yellow">Soy la capa hija uno</div>
<div id="hija2" style="position:absolute; top:100;left=100;background-color:yellow">Soy la capa hija dos</div>
</div>
</td>
</tr>
</table>

no entiendo?

muchas gracias

la pagina es esta

Http://ambientales.tripod.cl

KarlanKas · 23-feb-2003, 04:21

Hola cdgaete!!

Creo que te bastará con poner debajo del <BODY> lo siguiente:

<CENTER>
<DIV style="position:relative;width:800;top:0px;height:100%;"ID="madre" >

Y justo ates del </BODY> poner

</DIV>
</CENTER>

Vamos quedaría así:

<html>
<head>

</head>

<body>
<CENTER>
<DIV style="background:NAVY;position:relative;width:800 px;top:0px;height:100%;"ID="madre" >
<div id="hija1" style="position:absolute; top:-100;left=-100;background-color:yellow">Soy la capa hija uno</div>
<div id="hija2" style="position:absolute; top:100;left=100;background-color:yellow">Soy la capa hija dos</div>

</DIV>
</CENTER>

</body>
</html>

Y ahora mismo te mando a HTML porque esto de JS tiene poquito...

Un saludo!

cdgaete · 23-feb-2003, 23:58

gracias funciono esto es increible !!!!!!!!!

muchas gracias

yodelsur · 29-abr-2008, 16:59

hola y como puedo hacer para q c centren varias capas dentro de ??????

22-feb-2003, 22:13	#1 (permalink)
cdgaete Fecha de Ingreso: febrero-2003 Mensajes: 2	centrar pagina a mayor resolucion (web solo capas) He realizado una página web para una pantalla cuya resolución sea de 800 por 600, pero quiero que dicha página vista en una pantalla de mayor resolución se centre automáticamente para que se vea bien y no se vea a un lado. ademas sé trabajar de modo grafico en dreamweaver y he contruido mi pagina con puras capas, nada de tablas he visto varias respuestas pero para tablas y no capas, lo ultimo se algo de codigo html, si me indican donde colocar cualquier codigo de seguro que lo hago. <table border="1" width="50%" align="center"> <tr> <td> <div id="madre" style="position:absolute"> <div id="hija1" style="position:absolute; top:-100;left=-100;background-color:yellow">Soy la capa hija uno</div> <div id="hija2" style="position:absolute; top:100;left=100;background-color:yellow">Soy la capa hija dos</div> </div> </td> </tr> </table> no entiendo? muchas gracias la pagina es esta Http://ambientales.tripod.cl

23-feb-2003, 04:21	#2 (permalink)
KarlanKas Moderador extraterrestre Fecha de Ingreso: noviembre-2002 Ubicación: Madrid Mensajes: 6.918	Hola cdgaete!! Creo que te bastará con poner debajo del <BODY> lo siguiente: <CENTER> <DIV style="position:relative;width:800;top:0px;height:100%;"ID="madre" > Y justo ates del </BODY> poner </DIV> </CENTER> Vamos quedaría así: <html> <head> </head> <body> <CENTER> <DIV style="background:NAVY;position:relative;width:800 px;top:0px;height:100%;"ID="madre" > <div id="hija1" style="position:absolute; top:-100;left=-100;background-color:yellow">Soy la capa hija uno</div> <div id="hija2" style="position:absolute; top:100;left=100;background-color:yellow">Soy la capa hija dos</div> </DIV> </CENTER> </body> </html> Y ahora mismo te mando a HTML porque esto de JS tiene poquito... Un saludo! __________________ Cómo escribir\|Cómo preguntar \| ¿Te ayudé?

29-abr-2008, 16:59	#4 (permalink)
yodelsur Fecha de Ingreso: junio-2007 Mensajes: 9	Re: centrar pagina a mayor resolucion (web solo capas) hola y como puedo hacer para q c centren varias capas dentro de ??????

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado

23-feb-2003, 23:58	#3 (permalink)
cdgaete Fecha de Ingreso: febrero-2003 Mensajes: 2	gracias funciono esto es increible !!!!!!!!! muchas gracias