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 <luis.vi...@gmail.com> 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 <ser.igles...@gmail.com>
>
> > 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 <luis.vi...@gmail.com>
> > 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 Ovillo@lists.ovillo.org
> > > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > > http://lists.ovillo.org/mailman/listinfo/ovillo
> > >
> >
> >
> >
> > --
> > Sergio Iglesias Sánchez
> > ser.igles...@gmail.com
> > www.sergioiglesias.net
> > www.sergioiglesias.tel
> > _______________________________________________
> > Lista de distribución Ovillo
> > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > 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 Ovillo@lists.ovillo.org
> 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 Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
