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, 09:25
 
Fecha de Ingreso: agosto-2008
Mensajes: 579
Antigüedad: 8 años, 4 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>
__________________
si te gustó mi explicación dame karma a mogollón.
  #2 (permalink)  
Antiguo 28/08/2011, 13:06
Avatar de ArturoGallegos
Colaborador
 
Fecha de Ingreso: febrero-2008
Ubicación: SLP, México
Mensajes: 5.582
Antigüedad: 8 años, 9 meses
Puntos: 899
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.             }
__________________
Toda ayuda se proporciona exclusivamente en el foro, no skype, no mensajes privados u otro medio....
  #3 (permalink)  
Antiguo 28/08/2011, 21:59
 
Fecha de Ingreso: agosto-2008
Mensajes: 579
Antigüedad: 8 años, 4 meses
Puntos: 11
Respuesta: con chrome no se ajusta menu al ancho de caja

Gracias ag666, pues no es eso. seguiré investigando.
__________________
si te gustó mi explicación dame karma a mogollón.

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 16:13.