Lo que necesitaría es que le elemento 2 esté pegado al 1, es decir, el nombre del establecimiento y seguidamente sus estrellas. Esto debería estar centrado en todo el ancho del contenedor, que abarcaría hasta el principio del elemento 3, que es el botón cerrar alineado a la derecha del todo.
2010/6/5 Santiago García <[email protected]> > Rafa Artacho: > > La verdad es que no acabo de entenderlo bien: Dices que necesitas CENTRAR > un elemento flotante a la izda. ¿Pero centrarlo con respecto a qué? Quizá > necesites especificar un ancho bien grande (p.e. 50%) para el elemento 1, de > manera que tenga sentido centrarlo. > > Tampoco acabo de entender cómo necesitas la apariencia del elemento 2. > ¿Pegado al elemento 1? ¿Ligeramente distanciado? ¿Ostensiblemente flotando > en una columna aparte? Una vez más creo que te falta especificar anchos. > > La recomendación de Jaume también me parece buena: Quizá necesites > estructurar más tu página, metiendo más DIVs intermedios. Es decir: > Introducir un nivel más por cada aspecto común que necesites darles. > > Posible solución que se me ocurre: > > ---------------------- > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " > http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> > <html xmlns="http://www.w3.org/1999/xhtml";> > <head> > <style> > .contenedor{ > border: solid 1px red; > margin:0 auto; > overflow:hidden; > padding:15px 0 5px; > text-align:center; > } > .elemento1 { > background-color: yellow; > float: left; > width: 50%; > } > .elemento2 { > background-color: green; > float: left; > } > .elemento3 { > background-color: lightgrey; > float: right; > } > </style> > </head> > <body> > <div class="contenedor"> > <div class="elemento1">Casa Rural Pepa Mary</div> > <div class="elemento2">***</div> > <a class="elemento3" href="/">X</a> > </div> > </body> > </html> > > ---------------------- > > Saludos. > > Santiago. > > > > > _______________________________________________ > 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
