Foros del Web

Foros del Web (http://www.forosdelweb.com/)
-   HTML (http://www.forosdelweb.com/f4/)
-   -   Problemas con capas. (http://www.forosdelweb.com/f4/problemas-con-capas-301416/)

Snake nS 24/05/2005 20:09

Problemas con capas.
 
Resulta que realise una pagina en tablas y las pase a capas.

El problema esta en que si tabulo en la capa del contenido una ves que paso el limite en ves de ir hacia abajo la misma y la que compone el pie de pagina la superpone, como soluciono esto?

Salu2

jesusbet 24/05/2005 22:42

si nos ilustras con una imagen o con un poco de código, te ayudamos mejor.

saludos

Snake nS 24/05/2005 22:59

http://img274.echo.cx/img274/1579/capas1ox.th.jpg

Código:

<body>
<div id="Layer5" style="position: absolute; left: 240px; top: 126px; width: 639px; height: 347px; z-index: 5; background: #00FFFF">  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>

  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
</div>
<div id="Layer2" style="position: absolute; left: 100px; top: 490px; width: 779px; height: 27px; z-index: 2; background-color: #FF0000; layer-background-color: #FF0000; border: 1px none #000000;">me cacho!!! </div>
</body>

Fijate que cuando tabulo me superpone la capa roja, quisiera que funcionase como una tabla, que se expande hacia abajo pero tambien lo hace la tabla de pie de pagina.

Snake nS 25/05/2005 14:46

Please ayuda, que esta es una de las utimas trabas....

daidalos 25/05/2005 20:39

no entendi muy bien
 
no entendi muy bien cual es tu problema, creo que la redacción es un poco ambigua, si es lo que creo que quieres, que la tabla roja no quede debajo de la azul sino al lado como se ve en el dreamwaver y que se expanda hacia abajo y no hacia el lado derecho debes cambiar el ancho de la tabla roja al ancho que te parezca apropiado, en tu codigo la ultima etiqueta seria
<div id="Layer2" style="position: absolute; left: 100px; top: 490px; width: 60px; height: 27px; z-index: 2; background-color: #FF0000; layer-background-color: #FF0000; border: 1px none #000000;">me cacho!!! </div>
</body>
(abajo en propiedades en dreamweaver)

si es otra cosa especifica mejor el problema y tratare de ayudarte

Snake nS 26/05/2005 10:43

Es que la tabla asul va si o si abajo, cuando vos trabajas con tablas, si tabulas (apretas enter) a medida que se va expandiendo lo hace la otra celda, nunca la va superponer.

Yo quiero lograr eso pero con capas, es posible?

jesusbet 26/05/2005 10:51

:s

agrega debajo de el div mas chico un bloque con la propiedad clear con el valor both:

<div style="clear: both;"></div>

Saludos

Snake nS 26/05/2005 11:30

Código:

<body>
<div id="Layer5" style="position: absolute; left: 240px; top: 126px; width: 639px; height: 347px; z-index: 5; background: #00FFFF">  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>

  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
</div>
<div id="Layer2" style="position: absolute; left: 100px; top: 490px; width: 779px; height: 27px; z-index: 2; background-color: #FF0000; layer-background-color: #FF0000; border: 1px none #000000;">me cacho!!! </div>
<div style="clear: both;"></div>
</body>

ASi lo deje, pero sigo tabulando y la capa roja sobrepone a la azul, lo que nececito es que la asul se corra hacia abajo.

Saludos

jesusbet 26/05/2005 11:34

a la azul ponle:

clear: both;

saludos

Snake nS 26/05/2005 12:26

Código:

<div id="Layer5" style="position: absolute; left: 240px; top: 126px; width: 639px; height: 343px; z-index: 5; background: #00FFFF"> 
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
</div>
<div id="Layer2" style="clear: both; position: absolute; left: 100px; top: 490px; width: 779px; height: 27px; z-index: 2; background-color: #FF0000; layer-background-color: #FF0000; border: 1px none #000000;">
  <p>me cacho!!! </p>
</div>

Asi lo deje, igualmente lo que pude observar en el navegador es que la capa no superpone a la otra pero no puedo lograr lo que quiero...

jesusbet 26/05/2005 12:28

:s no entiendo ni mais

Snake nS 26/05/2005 12:30

Mods Borren este post.

Snake nS 26/05/2005 12:30

Asi lo deje, igualmente lo que pude observar en el navegador es que la capa no superpone a la otra pero no puedo lograr lo que quiero...


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

Desarrollado por vBulletin® Versión 3.8.7
Derechos de Autor ©2000 - 2026, Jelsoft Enterprises Ltd.