sobre trabajar con layers o capas

auxigrav · #1 (**permalink**) 24/09/2009, 16:01

holaa :) porfa alguien que me pueda decir cómo hago para que una pagina hecha con solo capas me quede con el borde de abajo de la pagina coincidiendo con el borde de la pagina del explorador, porque mi pagina despues q termina sigue en el explorador mucho espacio en blanco hacia abajo :( ayuda pooorfaaa

jomaruro · #2 (**permalink**) 26/09/2009, 14:29

Hola:

Sin ver tu código es muy difícil saber dónde está el error.

Saludos.

mayid · #3 (**permalink**) 27/09/2009, 19:55

Si tu pagina no cubre todo el alto de pantalla, y lo que queres hacer es alinear verticalmente los contenidos, se puede. Se hace con CSS, y calculando el posicionamiento con una ecuacion que podemos conseguir via los buscadores.

Si el caso es que tu web tiene cabecera, centro y pie de pagina, y lo que queres hacer es bajar el pie, entonces dale position: absolute; bottom: 0px

auxigrav · #4 (**permalink**) 14/10/2009, 10:06

gracias mayid :)

auxigrav · #5 (**permalink**) 14/10/2009, 10:57

mayid hice lo ultimo q me dijiste porque lo primero no me sirve, pero sigue igual la pagina, entonces aqui les coloco el codigo basico de la pag, porq no me deja colocarlo todo porq es largo :(

a ver entonces qué puedo hacer para que no salga ese espacio tan grande en blanco cuando termina la pagina abajo, muchas gracias :)

<body onLoad="MM_preloadImages('imagenes/home_clicked2.jpg')">

<table width="750" border="0" align="center" cellpadding="0" cellspacing="0">
<div id="Layer1" align="center" style="position:absolute; width:750px; height:1200px; z-index:1" ></div>

<div align="center" id="Layer3" style="position:relative; bottom:0px; left:1px; top:5px; width:750px; height:1100px; z-index:3"><img src="imagenes/fondo2.jpg" width="750" height="950"></div>
<div id="Layer4" style="position:relative; left:20px; top:-1050px; width:149px; height:29px; z-index:4"><font color="#990000" size="3" face="Cooper Black"><a class=enlace href="quienes_somos.html">Quiénes
Somos?</a></font></div>
<div id="Layer5" style="position:relative; left:22px; top:-1010px; width:167px; height:53px; z-index:5"><font color="#990000" size="3" face="Cooper Black">Revestimientos</font></div>
<div id="Layer6" style="position:relative; left:15px; top:-1090px; width:145px; height:31px; z-index:6"><img src="imagenes/barrita%20horizontal.jpg" width="145" height="2"></div>
<div id="Layer7" style="position:relative; left:15px; top:-1050px; width:145px; height:19px; z-index:7"><img src="imagenes/barrita%20horizontal.jpg" width="145" height="2"></div>
<div id="Layer8" style="position:relative; left:15px; top:-1000px; width:157px; height:47px; z-index:8">
</div>
<div id="Layer9" style="position:relative; left:30px; top:-880px; width:162px; height:58px; z-index:9">
<p><font color="#003366" size="3" face="Cooper Black"> <a class=enlace href="solicitud_servicios.html">Solicitud
de</a>    <a class=enlace href="solicitud_servicios.html">Servicios</a></font></p>
</div>
<div id="Layer10" style="position:relative; left:33px; top:-850px; width:146px; height:56px; z-index:10"><font color="#990000" size="3" face="Cooper Black"><a class=enlace href="contactenos.html">Contáctenos</a></font></div>
<div id="Layer11" style="position:relative; left:15px; top:-930px; width:159px; height:37px; z-index:11"><img src="imagenes/barrita%20horizontal.jpg" width="145" height="2"></div>
<div id="Layer12" style="position:relative; left:22px; top:-880px; width:130px; height:34px; z-index:12"><img src="imagenes/barrita%20horizontal.jpg" width="130" height="2"></div>

<div id="Layer34" style="position:relative; left:40px; top:-570px; width:690px; height:12px; z-index:34"><img src="imagenes/barrita%20horizontal.jpg" width="690" height="2"></div>
<div id="Layer35" style="position:relative; left:42px; top:-640px; width:122px; height:22px; z-index:35"><font color="#003366" size="2" face="Cooper Black"><a class=enlace href="quienes_somos.html">Quiénes
Somos?</a></font></div>
<div id="Layer36" style="position:relative; left:160px; top:-660px; width:119px; height:23px; z-index:36"><font color="#990000" size="2" face="Cooper Black">Revestimientos</font></div>
<div id="Layer37" style="position:relative; left:550px; top:-680px; width:100px; height:46px; z-index:37"><font color="#003366" size="2" face="Cooper Black"><a class=enlace href="solicitud_servicios.html">Solicitud
de</a>    <a class=enlace href="solicitud_servicios.html">Servicios</a></font></div>
<div id="Layer38" style="position:relative; left:647px; top:-725px; width:109px; height:35px; z-index:38"><font color="#990000" size="2" face="Cooper Black"><a class=enlace href="contactenos.html">Contáctenos</a></font></div>
<div id="Layer39" style="position:relative; left:40px; top:-780px; width:690px; height:14px; z-index:39"><img src="imagenes/barrita%20horizontal.jpg" width="690" height="2"></div>
<div id="Layer40" style="position:relative; left:250px; top:-700px; width:399px; height:30px; z-index:40"><font color="#000000" size="1" face="Verdana"><strong>Página
Web realizada por: María Auxiliadora Grávalos</strong></font></div>
<div id="Layer41" style="position:relative; left:260px; top:-710px; width:406px; height:52px; z-index:41"><font color="#000000" size="1" face="Verdana"><strong>Derechos
Reservados - <a class=enlace href="mailto:[email protected]">mgravalos@hotm ail.com</a></strong></font></div>

<div id="Layer14" style="position:relative; left:170px; top:-1650px; width:48px; height:900px; z-index:43"><img src="imagenes/barrita%20vertical.jpg" width="2" height="700"></div>

<div id="Layer22" style="position:relative; left:50px; top:-2950px; width:199px; height:53px; z-index:51"><font color="#990000" size="3" face="Cooper Black">Pintura</font></div>
<div id="Layer13" style="position:relative; left:180px; top:-2500px; width:270px; height:200px; z-index:52"><img src="imagenes/revest1.jpg" width="270" height="200"></div>
<div id="Layer15" style="position:relative; left:250px; top:-2770px; width:381px; height:52px; z-index:53">
<div align="center"><font color="#000000" size="3" face="Arial"><strong>Tipos
de Revestimientos:</strong></font></div>
</div>
<div id="Layer16" style="position:relative; left:470px; top:-2750px; width:270px; height:174px; z-index:54"><img src="imagenes/imagen1.jpg" width="270" height="200"></div>
<div id="Layer17" style="position:relative; left:180px; top:-2670px; width:270px; height:200px; z-index:55"><img src="imagenes/revest3.jpg" width="270" height="200"></div>
<div id="Layer18" style="position:relative; left:470px; top:-2870px; width:270px; height:200px; z-index:56"><img src="imagenes/imagen5.jpg" width="270" height="200"></div>
<div id="Layer19" style="position:relative; left:270px; top:-3130px; width:218px; height:44px; z-index:57"><font color="#000000" size="3" face="Arial"><strong>Roble
viejo</strong></font></div>
<div id="Layer20" style="position:relative; left:520px; top:-3175px; width:241px; height:36px; z-index:58"><font color="#000000" size="3" face="Arial"><strong>Caroreña
o Coyón</strong></font></div>
<div id="Layer21" style="position:relative; left:300px; top:-2930px; width:150px; height:35px; z-index:59"><font color="#000000" size="3" face="Arial"><strong>Arena</strong></font></div>
<div id="Layer23" style="position:relative; left:550px; top:-2960px; width:199px; height:31px; z-index:60"><font color="#000000" size="3" face="Arial"><strong>Teja
Envejecida</strong></font></div>
<div id="Layer24" style="position:relative; left:50px; top:-3460px; width:173px; height:41px; z-index:61"><font size="3" face="Cooper Black"><a class=enlace href="pintura.html">Pintura</a></font></div>
<div id="Layer25" style="position:relative; left:15px; top:-3460px; width:169px; height:34px; z-index:62"><img src="imagenes/barrita%20horizontal.jpg" width="145" height="2"></div>
<div id="Layer26" style="position:relative; left:40px; top:-3470px; width:269px; height:59px; z-index:63"><font color="#990000" size="3" face="Cooper Black"><u><a class=enlace href="albanileria.html">Albañilería</a></u></font></div>
<div id="Layer27" style="position:relative; left:15px; top:-3480px; width:156px; height:35px; z-index:64"><img src="imagenes/barrita%20horizontal.jpg" width="145" height="2"></div>
<div id="Layer28" style="position:relative; left:25px; top:-3490px; width:169px; height:41px; z-index:65"><font color="#990000" size="3" face="Cooper Black"><u><a class=enlace href="remodelacion.html">Remodelación</a></u></font></div>
<div id="Layer29" style="position:relative; left:15px; top:-3485px; width:157px; height:44px; z-index:66"><img src="imagenes/barrita%20horizontal.jpg" width="145" height="2"></div>
<div id="Layer30" style="position:relative; left:280px; top:-3065px; width:75px; height:24px; z-index:67"><font color="#990000" size="2" face="Cooper Black"><u><a class=enlace href="pintura.html">Pintura</a></u></font></div>
<div id="Layer31" style="position:relative; left:348px; top:-3088px; width:145px; height:33px; z-index:68"><font color="#990000" size="2" face="Cooper Black"><u><a class=enlace href="albanileria.html">Albañilería</a></u></font></div>
<div id="Layer32" style="position:relative; left:440px; top:-3120px; width:145px; height:30px; z-index:69"><font color="#990000" size="2" face="Cooper Black"><u><a class=enlace href="remodelacion.html">Remodelación</a></u></font></div>

<div id="Layer33" style="position:relative; left:645px; top:-3200px; width:41px; height:27px; z-index:70"><a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image16','','imagenes/home_clicked2.jpg',1)"><img src="imagenes/home2.jpg" name="Image16" width="27" height="20" border="0"></a></div>
<div id="Layer42" style="position:relative; left:680px; top:-3220px; width:53px; height:25px; z-index:71"><font size="2" face="Cooper Black"><a class=enlace href="index.html">Inicio</a></font></div>
</table>
</body>

auxigrav · #6 (**permalink**) 19/10/2009, 06:58

pueden copiar y pegarlo el codigo en dreamweaver ? porfaa, pa q vean el espacio en blanco que queda al final de la pagina abajo, muchas gracias :)

jomaruro · #7 (**permalink**) 20/10/2009, 17:06

Hola:

Cita:

Iniciado por auxigrav

El problema lo tienes por aquí, ¿Qué te falta entre las etiquetas <table> y <div id="Layer1">?

A continuación cambia el border 0 de la tabla por otro, por ejemplo 5.

Saludos.

auxigrav · #8 (**permalink**) 21/10/2009, 15:07

entre las etiquetas table y div me hará falta un td? es decir una celda que englobe a todos los div?????? o dime qué porfaaaaaa, grachias :)

jomaruro · #9 (**permalink**) 24/10/2009, 10:49

Hola:

Y en vez de entretenerte en preguntar ¿porqué no lo pruebas? Así aprenderás mejor.

Saludos.

auxigrav · #10 (**permalink**) 24/10/2009, 15:11

ya probé varias cosas, probé primero un td y luego cambiarle el borde, y se veia el cambio del borde pero seguia ese espacio en blanco. entonces le agregué un tr y siguió igual, luego le agregué el height al td del tamaño d mi pagina, y nada, luego le agregué el valign=bottom y nada tampoco, luego traté d disminurle el height a ver si se disminuia el espacio en blanco y tampoco, entonces sigue el espacio en blanco entre el final de la pagina y el borde d la tabla, lo tengo asi:

<table width="750" border="5" align="center">
<tr>
<td width="750" height="0" valign="bottom">