Las capas me vacilan....

[Sergiodiciembre]

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!

[PatomaS]

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

[blancaloca]

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.

[Sergiodiciembre]

Muchas gracias a las dos, me ha servido de ayuda, el punto 3 lo he arreglado simplemente quitando el height a la capa central....

[Sergiodiciembre]

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!!