Foros del Web » Creando para Internet » CSS »

con chrome no se ajusta menu al ancho de caja

Estas en el tema de con chrome no se ajusta menu al ancho de caja en el foro de CSS en Foros del Web. Hola amigos, pues resulta que tengo un menú en un div contenido en otro div principal, es decir dentro del div principal hay un div ...
  #1 (permalink)  
Antiguo 28/08/2011, 08:25
 
Fecha de Ingreso: agosto-2008
Mensajes: 606
Antigüedad: 15 años, 8 meses
Puntos: 11
con chrome no se ajusta menu al ancho de caja

Hola amigos, pues resulta que tengo un menú en un div contenido en otro div principal, es decir dentro del div principal hay un div menú, pues bien lo que sucede es que con los navegadores internet e y firefox no tengo problemas y el div menú se adapta al div principal es decir toma su mismo ancho cosa que busco, sin embargo con chrome el menu se queda mas o menos a la mitad del div principal pongo Código css y html haber si pueden ayudarme, gracias.
Código CSS:
Ver original
  1. #navcontainer {
  2.    margin-top: 0px;
  3.    margin-left: -0.1em;
  4.    padding: 0;
  5.    height: 20px;
  6.             }
  7.  
  8. #navlist {
  9.    border: 0;
  10.    margin: 0;
  11.    padding: 0;
  12.    list-style-type: none;
  13.    text-align: center;
  14.             }
  15.  
  16. #navlist li {
  17.    display: block;
  18.    float: left;
  19.    text-align: center;
  20.    padding: 0;
  21.    margin: 0;
  22. }
  23.  
  24. #navlist li a {
  25.    font:Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  26.    font-size:16px;
  27.    background: #006ab3;
  28.    width: 8.72em;
  29.    height: 25px;
  30.    border: 1px solid black;
  31.    padding: 0;
  32.    margin-top: 0px;
  33.    margin-left: 0px;
  34.    margin-right: 0px;
  35.    display: block;
  36.    color: white;
  37.    text-decoration: none;
  38.    text-align:center;
  39.             }
  40.  
  41. #navlist li a:hover {
  42.    background: #ffd800;
  43.     color: #006ab3;
  44.                     }
  45.  
  46. #navlist li a:active {
  47.    background: #ffd800;
  48.    color: #006ab3;
  49.                     }
  50.  
  51. #navlist .selecionado {
  52.    background: #ffd800;
  53.    color: #006ab3;
  54.                     }

Código HTML:
Ver original
  1. <div class="principal">
  2.     <div id="navcontainer">
  3.       <ul id="navlist">
  4.         <li><a class="selecionado" href="index.php" >Inicio</a></li>
  5.         <li><a href="quienes_somos.php">quienes somos</a></li>
  6.         <li><a href="productos.php">productos</a></li>
  7.         <li><a href="promociones.php">promociones</a></li>
  8.         <li><a href="contacto.php">contacto</a></li>
  9.       </ul>
  10.     </div>
  11. </div>
  12. </div>
  #2 (permalink)  
Antiguo 28/08/2011, 12:06
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 2 meses
Puntos: 1146
Respuesta: con chrome no se ajusta menu al ancho de caja

prueba agregando width:100% a la lista

Código CSS:
Ver original
  1. #navlist {
  2.    border: 0;
  3.    margin: 0;
  4.    padding: 0;
  5.    list-style-type: none;
  6.    text-align: center;
  7. width:100%
  8.             }
  #3 (permalink)  
Antiguo 28/08/2011, 20:59
 
Fecha de Ingreso: agosto-2008
Mensajes: 606
Antigüedad: 15 años, 8 meses
Puntos: 11
Respuesta: con chrome no se ajusta menu al ancho de caja

Gracias ag666, pues no es eso. seguiré investigando.

Etiquetas: ancho, caja, chrome, contenido, firefox, html, fondo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 11:46.