Tema: mi pagina se "corta" al minimizar tamaño de ventana
Ver Mensaje Individual
  #9 (permalink)  
Antiguo 01/02/2013, 08:32
Avatar de catpaw
catpaw
 
Fecha de Ingreso: mayo-2010
Ubicación: xalapa
Mensajes: 856
Antigüedad: 14 años, 6 meses
Puntos: 23
Respuesta: mi pagina se "corta" al minimizar tamaño de ventana
Hola gracias a todos por contestar, disculpen si me falto especificar mas el codigo, pero ahi les va, este es mi html:

Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es">
  3. <head>
  4. ......
  5. </head>
  6. <body>
  7. <div id="menu">
  8.         <div class="m-items">
  9.                        <ul class="m-ul">
  10.                               <li class="m-li"><a href="#">Opcion 1</a></li>
  11.                               <li class="m-li"><a href="#">Opcion 2</a></li>
  12.                               <li class="m-li"><a href="#">Opcion 3</a></li>
  13.                               <li class="m-li"><a href="#">Opcion 4</a></li>
  14.                        </ul>
  15.                 </div> 
  16. </div>
  17. .....
  18. </body>
  19. </html>

Ahora el css:

Código CSS: 
Ver original
  1. html, body{
  2. margin:0;
  3. padding:0;
  4. background:#fefefe;
  5. background-attachment:fixed;
  6. background-position:top center;
  7. font-family:Arial, Helvetica, sans-serif;
  8. font-size:12px;
  9. color:#000;
  10. }
  11. #menu{
  12. background:#696969 url(../images_fondo/patron_menu.png) repeat-x;
  13. width:100%;
  14. height:35px;
  15. margin:0;
  16. padding:0;
  17. }
  18. #menu .m-items{
  19. width:900px;
  20. margin:0 auto;
  21. }
  22. #menu .m-items .m-ul{
  23. /*border:1px solid #F00;*/
  24. float:right;
  25. margin:0;
  26. padding:0 10px 0 10px;
  27. list-style:none;
  28. list-style-image:none;
  29. }
  30. #menu .m-items .m-li{
  31. /*border:1px solid;*/
  32. margin:3px 5px;
  33. padding:5px;
  34. list-style:none;
  35. list-style-image:none;
  36. display:inline-block;
  37. float:left;
  38. }
  39. #menu .m-items .m-li a{
  40. font-size:13px;
  41. font-weight:bold;
  42. color:#FFFAF0;
  43. filter: alpha(opacity=70);
  44. opacity:.7;
  45. -moz-opacity:0.7;
  46. text-decoration:none;
  47. }
  48. #menu .m-items .m-li a:hover{
  49. text-decoration:none;
  50. }

se supone que el div menu debe ocupar todo lo ancho de la pantalla, cosa que hace bien, y la clase m-items delimita que las opciones esten en un contenedor de un ancho fijo de 900px y que este centrado.

Lo raro es lo que pasa cuando sale el scroll...que es lo que ya les he comentado.

Y de hecho ya probe en varios navegadores (ie9, ie8, chrome, mozilla) en todos pasa lo mismo.

Lamentablemente estoy en probando en local y no tengo el ejemplo el linea.

Gracias por su ayuda :)