(consulta) width

[opzina]

Hola,


Necesito un poco de ayuda.

Tengo que hacer tres div, ponerlos en horizontal (float:left) y lo que cambia es el ancho. Algo así:

(div1 ) ( div2 ) (div3 )

#div1 { min-width: 400px; width:auto;}

#div2 {width: 145px;
height: 35px;
margin: 70px 45px 0 43px;
}

#div3 ¿???

El tema es que div1 y div3 tienen que crecer automáticamente en ancho
pero se tienen que mantener en posición.
Si a #div3 le pongo width: 100%, se cae.

Imagen:

[jomaruro]

Hola:

Échale un vistazo al código de este ejemplo.

Saludos.

[opzina]

Gracias, pero he intentado agregarle a las columnas laterales width: 100% y se va abajo.

[Shaito]

Hola!

Es evidente que si pones en una 100% se va a caer.

Hay dos modos de hacerlo, entre ellas la forma fácil.

Lo que necesitas es que se expandan, por lo que tenemos que usar % porcentajes.

Por lo que veo (no en la imagen por que no me carga) quieres poner diferentes porcentajes.

Los tienes que repartir (100%) entre los 3 según quieras que midan, y tadam! ahí tendrás a tus divs con su medida que cambia.

También puedes ponerles "min-width" para que tengan un width mínimo y que empiecen a agrandar desde ahí.


Si no entiendes algo dilo, me suscrivo a este tema.

Por cierto, usa JackImages.tk :P

Saludos!

[opzina]

muchas gracias, lo pruebo como dices. Como paso pixeles a porcentajes??

PD: la imagen la estoy viendo, usé imageshak.

[C2am]

En la imagen cual es div 1, div2 y div3 ?
Pon también el html que usas.
Además muestra una imagen de como quieres que quede, aparte de la imagen anterior (supongo que el de abajo de todo es div3 y que no debería estar ahí)
Hablas de float: left pero en el css no veo ninguno.

[opzina]

Así deberia quedar:




Pase pixeles a porcentajes: y tambien se va para abajo cdo. completo el 100% entre los 3 divs.

23.20 + 12.70 + 64.10 = 100%

[C2am]

Otra vez, postea el codigo que usas, tanto html como css. Completo (al menos de los elementos que intervienen, antes te faltó el float que mencionabas).
O postea un link a tu web.
Es posible que se vaya hacia abajo por los margenes de los div como por los margenes y padding del contenedor, como por ... son muchas conjeturas, por eso te pido más información para ayudarte.

[opzina]

ahí esta, eran los márgenes que le había asignado al div2=logo. :)

ahora tengo un problema con los zoom, pero primero voy a intentar algunos arreglos para ver si lo soluciono, si no es así consultaré.

Muchas gracias.

[Shaito]

Hola

La posible respuesta a que se te caiga es simple.

Pon esta línea en body: margin:0; padding:0;

a ver si no se te caen, si se siguen cayendo quítales un poco.


Saludos