Hola a todos!!
Hacía tiempo que no entraba por aquí.. Me alegra saber que todavía existe esta web, que tanto ayuda a los que intentamos montar y diseñar webs :)))
Os cuento, trato de montar la cabecera de una nueva web. No quiero indicar tamaños abolutos. Quiero hacerlo todo mediante % Así se ajuste a las distintas resoluciones.
Bien. La cabecera estaría dividida en 3 columnas:
1) Izquierda: 25% del total del ancho de la web
2) Central 50% del total del ancho de la web
3) Derecha: 25% del total del ancho de la web
En la parte izquiera y derecha iría una imagen
Y la parte central ( la que representa el 50% del ancho de la web ) se divide en dos filas:
la primera fila contiene texto, y la segunda contine una imagen ( que enlaza con las imágenes de la columna de la izquierda y la derecha ).
Os paso una URL donde podéis ver la idea:
http://s44.photobucket.com/user/lemm...rtcv8.png.html
( disculpad la calidad, es muy cutre. Pero sólo se trata de la idea )
He diferenciado la partes:
parte izquierda: imagen con fondo color rojo
parte derecha: imagen con fondo color azul
parte central, se divide en:
- Fondo blanco: ahí iría texto
- Fondo verde: imagen que enlaza con las imágenes de la columna de la izquierda y la derecha
No hay manera de conseguirlo!! Llevo dos días y no hay manera!! Entiendo que la idea es forzar que las tres imágenes estén enganchadas en la parte inferior a su contenedor. Así se ajustarían y saldría el resultado correcto. Pero eso no puedo hacerlo porque debo hacer que las tres partes sean flotantes ( para conseguir tres columnas )! Pero en tal caso no se pueden ajustar al contenedor, porque al flotar, las capas son independientes y no puedo ajustarlas al bottom del posible contenedor. Pero si hago position: absolute, las tres imagenes se superponen, evidentemente. Por favor, si alguien me pudiese ayudar!!
Muchísimas gracias a todos!! :)