Ver Mensaje Individual
  #10 (permalink)  
Antiguo 16/02/2011, 18:00
Avatar de sanxuan
sanxuan
 
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 13 años, 10 meses
Puntos: 36
Respuesta: como hacer que un texto ocupe el 100% de ancho del div

Como tienes un ancho fijo en el div, se puede calcular cuánto debe ocupar cada elemento de la lista. Por cierto, en tu código faltaba la etiqueta <ul> para englobar los <li>.
Yo he cogido la calculadora y me sale un ancho del 3.846% para cada uno de los li.
Puedes hacer el cálculo también si lo prefieres dejar en píxeles.
Además he centrado el texto de los li para que el espacio quede mejor repartido.
Seguro que hay otras opciones.

Código CSS:
Ver original
  1. #menu {
  2.     background: none repeat scroll 0 0 #FFFFFF;
  3.     float: left;
  4.     height: 27px;
  5.     width: 750px;
  6. }
  7. #menu li {
  8.     float: left;
  9.     font-size: 23px;
  10.     list-style: none outside none;
  11.     margin: 0;
  12. }
  13. #menu li {
  14.     background: none repeat scroll 0 0 #DDDDDD;
  15.     margin: 0;
  16.     padding: 0;
  17.     text-align: center;
  18.     width: 3.846%;
  19. }
  20. #menu ul {
  21.     margin: 0;
  22.     padding: 0;
  23. }