Foros del Web

Foros del Web (http://www.forosdelweb.com/)
-   CSS (http://www.forosdelweb.com/f53/)
-   -   problemas con capas+posicion absoluta (http://www.forosdelweb.com/f53/problemas-con-capas-posicion-absoluta-474973/)

-thor- 21/03/2007 15:39

problemas con capas+posicion absoluta
 
Hola,mi problema es que en firefox el posicionamiento de capas de se ve bien,en cambio en explorer aparece una capa sobre otra y no funciona el overflow que utilizo.
Como puedo solucionar el problema que describo?
gracias

Aqui en las imagenes explico mejor:
Firefox,se me ven las capas con espacio como deseo:
http://img123.imageshack.us/img123/8...efoxrx6.th.jpg
de esta forma utilizo el codigo
Código:

<div id="fondo">
 <p id="texto">
El dragón (del latín draco, y éste del griego drakon, "víbora" o "serpiente") es un animal mitológico que aparece en diversas formas en varias culturas en todo el mundo, con diferentes simbolismos asociados. Se le representa como una gran serpiente o lagarto escamado (o emplumado en América), parecido a un cocodrilo, provisto de alas de murciélago, y/o que escupe fuego por la boca, por lo que en Occidente suele adoptar la forma de un clásico monstruo con grandes garras e inmensa cola.
</div>
</div>

Explorer,me aparece una capa sobre otra :s
http://img116.imageshack.us/img116/2...orersu2.th.jpg
el codigo css,lo utilizo de la misma forma que en firefox
Código:

<div id="fondo">
 <p id="texto">
El dragón (del latín draco, y éste del griego drakon, "víbora" o "serpiente") es un animal mitológico que aparece en diversas formas en varias culturas en todo el mundo, con diferentes simbolismos asociados. Se le representa como una gran serpiente o lagarto escamado (o emplumado en América), parecido a un cocodrilo, provisto de alas de murciélago, y/o que escupe fuego por la boca, por lo que en Occidente suele adoptar la forma de un clásico monstruo con grandes garras e inmensa cola.
</div>
</div>

Este es el codigo css que utilizo para realizar esa funcion:
Código:

* html body {
  overflow:auto;
  color:black;
  text-align:left;
  cursor:crosshair;
  }

  #fondo {
  position:absolute;
  top:0;
  left:20px;
  width:100%;
  height:100%;
  overflow:auto;
  padding-top:10px;
  padding-left:130px;
  }


  #texto
  {
  text-align:left;
  background:#339999;
  margin-right:150px;
  font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
  color:white;
  text-indent:10px;
  Padding-left:0.1in;
  Padding-right:0.1in;
  }
html>body #fondo {
  position:static;
  top:auto;
  left:auto;
  width:auto;
  height:auto;
  overflow:visible;
}


Mikmoro 21/03/2007 15:45

Re: problemas con capas+posicion absoluta
 
Antes de pasar a mirar el problema con más detalle, he de decirte que aquí tienes un error:

<div id="fondo">
<p id="texto">
El dragón (del latín draco, y éste del griego drakon, "víbora" o "serpiente") es un animal mitológico que aparece en diversas formas en varias culturas en todo el mundo, con diferentes simbolismos asociados. Se le representa como una gran serpiente o lagarto escamado (o emplumado en América), parecido a un cocodrilo, provisto de alas de murciélago, y/o que escupe fuego por la boca, por lo que en Occidente suele adoptar la forma de un clásico monstruo con grandes garras e inmensa cola.
</div>
</div>

Si has empezado el párrafo con "p" ( <p id="texto">), deberás terminarlo con </p>, no con </div>.

Mikel.

-thor- 21/03/2007 20:41

Re: problemas con capas+posicion absoluta
 
gracias,ese era el primer error y el segundo error fue que estaba declarando dos veces la capa fondo.


La zona horaria es GMT -6. Ahora son las 07:03.

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