Foros del Web » Creando para Internet » CSS »

Las capas me vacilan....

Estas en el tema de Las capas me vacilan.... en el foro de CSS en Foros del Web. Tengo una capa superior y tres más debajo de esta: La de la izq: float: left; background: #6699CC; width: 15%; height: 100%; z-index: 2; la ...
  #1 (permalink)  
Antiguo 22/07/2004, 02:57
 
Fecha de Ingreso: julio-2004
Mensajes: 3
Antigüedad: 13 años, 4 meses
Puntos: 0
Las capas me vacilan....

Tengo una capa superior y tres más debajo de esta:

La de la izq:
float: left;
background: #6699CC;
width: 15%;
height: 100%;
z-index: 2;

la de la dcha:
float: right;
background: #6699CC;
width: 15%;
height: 100%;
z-index: 2;

la del centro:
float: left;
width: 70%;
height: 100%;
background-image: url("fondos/fondo.jpg");
background-repeat: "repeat-y";
z-index: 2;

Mis problemas:

1-La capa del centro en el netscape no me coge el tamaño de lo que hay dentro, y tampoco me repite el fondo en dirección vertical que le he puesto.

2-Con el explorer la capa de la derecha me desaparece a la parte de abajo de la pantalla según aumente o disminuya la ventana.

3-Con el netscape al disminuir la ventana y luego utilizar el scroll, la capa se me recorta por abajo y me queda con el tamaño que tenia la ventana.

Espero haberme explicado bien y que alguien me ayude a resolver estos problemas. Gracias!
  #2 (permalink)  
Antiguo 22/07/2004, 03:56
Avatar de PatomaS
Colaborador
 
Fecha de Ingreso: marzo-2004
Ubicación: En alguna otra parte
Mensajes: 4.656
Antigüedad: 13 años, 9 meses
Puntos: 63
Hola

Bueno, ciertamente sería más fácil con el código completo.

Pero veamos.

Primero, es recomendable que uses background-color. Pero eso es aparte.

Si lo que quieres es posicionar las tres capas en lugares específicos de la pantalla y que no se muevan de allí, deberías utilizar esto:

position: absolute;
top: 10px;
left: 10px;

Son solo valortes de ejemplo, pero al ser referencias a un marco fijo, no se moverán.

Respecto a que la terceracapa pase a otra línea, es normal si disminuyes el espacio de la ventana. El float hace eso, o debería decir permite que eso pase. Dado que no asigna posiciones fijas, al no haber espacio horizontal para mostrarlas, baja la última y si sigues disminuyendo, bajará la del medio.

Por otro lado, el height 100%, seguramente no te esté funcionando bien, al menos no si solo tienes esas tres capas. Puede que algún navegador lo represente como quieres, pero en general, si no hay un marco anterio, por ejemplo otra capa o una tabla, la mayoría tienen problemas con eso.

Bueno, ya nos contarás si el tema avanza y si quieres, puedes poner tu código por aquí o la dirección de la página.

Suerte

Felicidad
__________________
¡ hey, hou, hou, hey !
  #3 (permalink)  
Antiguo 22/07/2004, 03:57
 
Fecha de Ingreso: julio-2004
Mensajes: 12
Antigüedad: 13 años, 4 meses
Puntos: 0
Cuantas menos capas que pongas es mejor, al llevarlas al navegador las capas se ruedan, yo te aconcejo que utilices tablas y celdas en vista disposición, porque cuando cambies de resolución se va todo con la tabla general, es que con las capas pues si se cambia de navagador pues se te rueda fuera de la tabla general. Espero que te haya servido algo de ayuda.




Saludos.
  #4 (permalink)  
Antiguo 22/07/2004, 04:03
 
Fecha de Ingreso: julio-2004
Mensajes: 3
Antigüedad: 13 años, 4 meses
Puntos: 0
Muchas gracias a las dos, me ha servido de ayuda, el punto 3 lo he arreglado simplemente quitando el height a la capa central....
  #5 (permalink)  
Antiguo 22/07/2004, 04:05
 
Fecha de Ingreso: julio-2004
Mensajes: 3
Antigüedad: 13 años, 4 meses
Puntos: 0
Respecto al punto 2, la capa baja sin ningún sentido, si tengo la ventana maximizada baja, si la disminuyo un poco se coloca en su sitio, si la sigo disminuyendo baja de nuevo......me voy a volver loco!!
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 19:28.