Tema: Problema CSS y Chrome
Ver Mensaje Individual
  #6 (permalink)  
Antiguo 20/03/2010, 14:14
Avatar de Carlangueitor
Carlangueitor
Moderador ლ(ಠ益ಠლ)
  
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 10.037
Antigüedad: 16 años, 1 mes
Puntos: 1329
Respuesta: Problema CSS y Chrome
A ver estuve probando y modifique también tu html (semánticamente los enlaces de un menú van en una lista desordenada y parece que ya se ve bien en los dos navegadores:
Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
  2. <html xmlns="http://www.w3.org/1999/xhtml"> 
  3. <head> 
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
  5. <title>Documento sin t&iacute;tulo</title> 
  6. <link href="estilos.css" rel="stylesheet" type="text/css" /> 
  7. </head> 
  8.  
  9. <body> 
  10. <div id="content"> 
  11. <div id="header"> 
  12.  
  13. </div> 
  14. <ul id="menu"> 
  15. <li><a href="#">INICIO</a></li> 
  16. <li><a href="#">SERVICIOS</a></li> 
  17. <li><a href="#">TIENDA</a></li> 
  18. <li><a href="#">CONTACTAR</a></li> 
  19. </ul> 
  20. <div id="main"> 
  21. <p>Texto de muesta para ver la sombra que se pone detrás cuando el fondo está claro</p> 
  22. </div> 
  23. <div id="footer"> 
  24.  
  25. </div> 
  26. </div> 
  27. </body> 
  28. </html>
Código CSS: 
Ver original
  1. @charset "utf-8";
  2. /* CSS Document */
  3.  
  4. body {
  5.     font-family:"Myriad Pro", Myriad, Geneva, Arial, Helvetica, sans-serif, Verdana;
  6.     margin-left: 0px;
  7.     margin-top: 0px;
  8.     margin-right: 0px;
  9.     margin-bottom: 0px;
  10.     background-image:url(img/bg.jpg);
  11.     background-position:top;
  12.     background-repeat:no-repeat;
  13.     background-color:#000000;
  14.     color:#CCCCCC;
  15.     text-shadow: 2px 2px 2px #000;
  16.     }
  17. #content{
  18.     margin:auto;
  19.     top:0px;
  20.     width:980px;
  21.     }
  22. #header{
  23.     position:relative;
  24.     background-image:url(img/header_bg.png);
  25.     background-repeat:no-repeat;
  26.     background-position:top;
  27.     height:87px;
  28.     text-align:center;
  29.     opacity:.80;
  30.     filter:alpha(opacity=80);
  31.     filter: "alpha(opacity=80)";
  32.     }
  33. #menu{
  34.     top:85px;
  35.     width:100&#37;;
  36.     height:33px;
  37.     background-image:url(img/bg_menu.jpg);
  38.     color:#999999;
  39.     text-align: center;
  40.     opacity:.80;
  41.     filter:alpha(opacity=80);
  42.     filter: "alpha(opacity=80)";
  43.     padding:3px 0px 20px 320px;
  44.     -moz-border-radius: 4em 2em; 
  45.     -webkit-border-radius: 15px;
  46.     list-style: none;
  47.     }
  48. #menu li {
  49.     margin: auto;
  50.     float: left;
  51.     }
  52. #menu li a{
  53.     text-decoration: none;
  54.     color: #F3F3F3;
  55.     display: block;
  56.     padding: 17px 10px;
  57.     font-size: 14px;
  58.     font-weight: Bold;
  59.     }
  60. #menu li a:hover {
  61.     color: #EE7F00;
  62.     background: url(img/bg_menu2.jpg);
  63.     }
  64. #main {
  65.     float: none;
  66.     clear: both;
  67.     }

Saludos
__________________
Grupo Telegram Docker en Español