Ver Mensaje Individual
  #1 (permalink)  
Antiguo 20/11/2010, 15:38
mariomon17
 
Fecha de Ingreso: noviembre-2009
Mensajes: 846
Antigüedad: 14 años, 5 meses
Puntos: 34
Desalineado raro!

Hola a todos, tengo este codigo HTML:
Código HTML:
Ver original
  1. <div class="menu">
  2.   <div class="parteuno">
  3.     <ul class="nave">
  4.       <li><a href="#">Inicio</a></li>
  5.       <li><a href="#">Nosotros</a></li>
  6.       <li><a href="#">Peluquería Canina</a></li>
  7.       <li style="width:100px"><a href="#">Productos</a>
  8.         <ul style="background:url(images/men_010.jpg) no-repeat"><a href="#">Acuariofilia</a></ul>
  9.         <ul style="background:url(images/men_02.jpg) no-repeat"><a href="#">Perros</a></ul>
  10.         <ul style="background:url(images/men_03.jpg) no-repeat"><a href="#">Gatos</a></ul>
  11.         <ul style="background:url(images/men_04.jpg) no-repeat"><a href="#">Aves</a></ul>
  12.       </li>
  13.       <li><div class="nav"><a href="#">Ofertas</a></div></li>
  14.       <li><div class="nav"><a href="#">Novedades</a></div></li>
  15.       <li><div class="nav"><a href="#">Contacto</a></div></li>
  16.     </ul>
  17.   </div>
  18.   <div class="buscar">923 12 89 33
  19.   </div>
  20. </div>

y este CSS:
Código CSS:
Ver original
  1. .menu {width: 950px;
  2.        height: 42px;
  3.        }
  4. .parteuno {
  5.     float:left;
  6.     height: 40px;
  7.     font-size: 13px;
  8.     background:url(images/menu.jpg) no-repeat;
  9.     border-top: 1px solid #666;
  10.     border-left: 1px solid #666;
  11.     border-bottom: 1px solid #666}
  12.    
  13. .buscar {
  14.     width: 218px;
  15.     float:right;
  16.     height: 30px;
  17.     text-align: right;
  18.     padding-top: 10px;
  19.     padding-right: 5px;
  20.     background-color:#FF0;
  21.     background: url(images/buscar.jpg) no-repeat;
  22.     font-size: 20px;
  23.     border-top: 1px solid #666;
  24.     border-right: 1px solid #666;
  25.     border-bottom: 1px solid #666}
  26. ul.nave {
  27.     list-style: url(none) none;
  28. }
  29.  
  30. ul.nave li{
  31.     display: inline;
  32.     float: left;
  33.     position: relative;
  34. }
  35. ul.nave li ul {
  36.     display: none;
  37.     min-width: 100px;
  38.     height: 40px;
  39. }

Todo eso es un menu en horizontal que se ve correctamente, pero en el momento en que amplio la parte2 del menu (buscar) se me baja y se me separa.
Tambien si hago un cambio de letra o de tamaño de letra me pasa, por que puede ser. Gracias!