Tema: El menu se me desmonta
Ver Mensaje Individual
  #6 (permalink)  
Antiguo 14/02/2011, 19:00
Avatar de sanxuan
sanxuan
 
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 13 años, 3 meses
Puntos: 36
Respuesta: El menu se me desmonta
Prueba con este otro CSS y modifica las distancias a tu gusto.

Código CSS: 
Ver original
  1. html { height: 100%; } 
  2. body { 
  3.   background-color: #91aefe; 
  4.   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
  5.   font-size: 15px; 
  6.   margin: 0%; 
  7. } 
  8. /* Cabecera */             
  9. #head { 
  10.       margin:0;  
  11.       margin-top:0; 
  12.       background-image: url("../files/head.jpg"); 
  13.       background-position:  left; 
  14.       background-repeat: no-repeat; 
  15.       height: 140px; 
  16.       width: 100%; 
  17. } 
  18. #head p { 
  19.      text-align: center; 
  20.      color: #fff; 
  21.      font: 120% "Trebuchet MS", Arial, Helvetica, sans-serif; 
  22.      font-weight: bold; 
  23.      font-style: oblique; 
  24.      padding-top: 40px; 
  25.      padding-left: 400px; 
  26.      margin-top: 0%; 
  27.      position:relative;       
  28. }    
  29. #menu {
  30.         font: 100% "Trebuchet MS", Arial, Helvetica, sans-serif; 
  31.         font-weight: bold; 
  32.         background-image: url("../files/menu.jpg"); 
  33.         background-repeat: no-repeat; 
  34.         height: 40px; 
  35. } 
  36. #menu ul, li { 
  37.        list-style-type: none; 
  38. } 
  39. #menu ul { 
  40.           width:980px; 
  41.           margin: 0 auto; 
  42. } 
  43. #menu li {   
  44.          display: inline;   
  45.          position:relative; 
  46. }   
  47. #menu a {   
  48.       color: #fff; 
  49.       text-decoration: none;        
  50.       text-align: center; 
  51.       padding: 7px; 
  52.       display: block;  
  53.       outline:none;
  54.       width:135px;
  55.       float:left;
  56. }  
  57. #menu a:hover {
  58.        /* background: #FFFFFF; fondo cuadro*/   
  59.        color:#000000; 
  60. } 
  61. /*Contenido*/  
  62. #contenido {
  63.              border: 3px solid #FF0000;  
  64.              width: 65%;  
  65.              height: 65%; 
  66.              margin:40px auto 20px; 
  67.              position: relative; 
  68. } 
  69. #titulo{ 
  70.         width: 100%; 
  71.         height: auto; 
  72. }     
  73.  
  74. #titulo h1    { 
  75.         color: #660000; 
  76.         font-family: Arial, Helvetica, sans-serif; 
  77.         font-size: 18px; 
  78.         font-weight: bold; 
  79. }     
  80.  
  81. #content{ 
  82.         width: 100%; 
  83.         height: auto; 
  84.         padding-top: 0px; 
  85. }     
  86.  
  87. #content p    { 
  88.         font-family: Arial, Helvetica, sans-serif; 
  89.         font-size: 12px; 
  90. }     
  91.  
  92. /*Pie*/              
  93.  
  94. #pie { 
  95.      width: 100%;  
  96.      background-image: url("../files/pie.jpg"); 
  97.      background-repeat: no-repeat; 
  98.      height: 80px;  
  99.      margin-top: 0%;  
  100.      clear: both; 
  101.      padding: 1px; 
  102.      position: relative; 
  103.      padding-bottom: 0% 
  104. } 
  105.       
  106. #pie p { 
  107.      text-align: center; 
  108.      color: #fff; 
  109.      font: 120% "Trebuchet MS", Arial, Helvetica, sans-serif; 
  110.      font-weight: bold; 
  111.      margin-bottom: 0%; 
  112.      position: relative; 
  113.      }