- 1ro: el contenedor debería tener el ancho total.- 2do: la propiedad border agrega ancho a las cajas. Deberías restarlo a los anchos. - 3ro: la propiedad padding también agrega ancho como dice Andrés, también toma eso en cuenta.
Y si tenés las dos cosas fijas nunca una se va a ir para abajo. 2009/5/29 Andrés gutiérrez <[email protected]> > Determina el ancho de contenedor y luego esa medida dividela como quieras > entre las dos capas que tienes dentro. Tienes que tener en cuenta que si > las > capas de dentro tienen padding, este se le tiene que sumar a su ancho > definitivo. > ej.: > si yo quiero que capa1 tenga un ancho de 300px y un padding-left de 10px el > ancho WIDTH de esa capa debe de ser 290px > > El 29 de mayo de 2009 11:33, Luis Villegas <[email protected]> > escribió: > > > Buenas. Gracias por las respuestas. No puedo trabajar con porcentajes por > > lo > > menos en una de las capas, ya que tiene que ir un ancho fijo. > > Si le pongo con position: absolute, me descoloca el resto de los > elementos > > y > > tendría que ir uno por uno. > > No hay algo parecido a white-space:nowrap ? pero con imágenes o algo > > parecido? > > Gracias de nuevo > > > > 2009/5/29 Sergio.Iglesias <[email protected]> > > > > > No trabajes con tamaños fijos, utiliza porcentajes: > > > > > > .capa1 { width: 18%; } > > > .capa2 { width: 80%; } > > > > > > Luego es jugar para adaptarlo a tu proyecto > > > > > > El 29 de mayo de 2009 11:04, Luis Villegas <[email protected]> > > > escribió: > > > > > > > Buenas. Tengo un problemilla > > > > Resulta que tengo dos capas contenidas en una tercera y necesito que > se > > > > queden fijas en una línea en cualquier situación. Es decir, que > cuando > > > > reduzca el tamaño no se vaya una para abajo. > > > > Os pongo el código a ver si podéis echarme una manilla. > > > > Gracias > > > > > > > > <head> > > > > <style> > > > > > > > > .contenedor{ > > > > background-color:#E5E5E5; > > > > border:1px solid black; > > > > height:44px; > > > > } > > > > > > > > .capa1 { > > > > color:#2F54A2; > > > > float:left; > > > > font-family:Arial,Helvetica,sans-serif; > > > > font-size:22px; > > > > font-weight:bold; > > > > padding-left:20px; > > > > width:185px; > > > > border:1px dotted yellow; > > > > } > > > > > > > > .capa2{ > > > > float:left; > > > > border:1px dotted red; > > > > width:680px; > > > > } > > > > > > > > </style> > > > > </head> > > > > > > > > <body> > > > > > > > > <div class="contenedor"> > > > > <div class="capa1">aaa</div> > > > > <div class="capa2">bbb</div> > > > > </div> > > > > </body> > > > > </html> > > > > _______________________________________________ > > > > Lista de distribución Ovillo > > > > Para escribir a la lista, envia un correo a [email protected] > > > > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > > > > http://lists.ovillo.org/mailman/listinfo/ovillo > > > > > > > > > > > > > > > > -- > > > Sergio Iglesias Sánchez > > > [email protected] > > > www.sergioiglesias.net > > > www.sergioiglesias.tel > > > _______________________________________________ > > > Lista de distribución Ovillo > > > Para escribir a la lista, envia un correo a [email protected] > > > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > > > http://lists.ovillo.org/mailman/listinfo/ovillo > > > > > _______________________________________________ > > Lista de distribución Ovillo > > Para escribir a la lista, envia un correo a [email protected] > > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > > http://lists.ovillo.org/mailman/listinfo/ovillo > > > _______________________________________________ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a [email protected] > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > -- ↓ Ignacio Ricci www.ignacioricci.com _______________________________________________ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [email protected] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
