Ver Mensaje Individual
  #1 (permalink)  
Antiguo 20/10/2007, 18:58
Reza
 
Fecha de Ingreso: agosto-2007
Mensajes: 29
Antigüedad: 16 años, 8 meses
Puntos: 0
Tener 3 divs en una linea

Hola, estoy desarrollando una página web y tengo un problema. Supongamos que mi banner es así:



Pero con medidas de 1024 x 600 ( la pág web no es muy larga )

Pero tengo amigos que tienen pantallas de 22 pulgadas widescreen y me dicen que ven el fondo blanco, etc, etc. Más o menos así (suponiendo que lo rojo es lo blanco) :


Entonces lo que me gustaría hacer es:

Tener una capa con la propiedad width:auto.
Dentro de esa capa tener 3 capas en linea.
De esas 3 capas quiero que la que está a la izquierda se quede siempre fija al borde izquiedo; que la de la derecha quede siempre a la derecha y que la del centro pueda extenderse hacia los dos lados, así:


Para que de esta forma los que tengan pantallas de 17 o mas chicas lo vean "normal", algo como ésto:


Y los que tengan pantallas más grandes vean algo así:


Hasta ahora sólo he logrado que el de la derecha quede siempre a la derecha y el de la izquierda siempre quede a la izquierda. Pero no se como hacer que el del centro se extienda. Ësto solo lo he logrado con IE7, pero no con Firefox.

De antemano, le agradezco a todos los que por lo menos se tomaron el tiempo de leer mi post. Saludos.