Tema: Css En IE9
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 09/04/2011, 15:20
luismercado0209
Invitado
  
Mensajes: n/a
Puntos:
Exclamación Css En IE9
Hola les queria comentar que no men funciona mi maquetacion en EI9
que podria ser les dejo el codigo del css es un poco dimple.
y si me funciona en Google Chrome y en Mozila Firefox.
se podria solucionar o como la puedo maquetar??
Código CSS: 
Ver original
  1. #contenedor{
  2.     width: 1024px;
  3.     border: 1px solid gray;
  4.     margin: 10px;
  5.     margin-left: auto;
  6.     margin-right: auto;
  7.     padding: 10px;
  8.     background: #ffffff;
  9.      float:center;
  10. }
  11.  
  12.  
  13.  
  14. #cabecera { padding: 5px;
  15.             margin-bottom: ;
  16.             background-color: #ffffff;
  17.         width:100%;
  18.             
  19.  
  20. }
  21.  
  22.  
  23.  
  24. #botones { 
  25.            width:100%;
  26.            margin: 0px;
  27.            padding: 0px;
  28.            background-color: #ffffff;
  29.            
  30.  
  31. }
  32.  
  33.  
  34.  
  35. #pie { 
  36.          width:100%;
  37.          
  38.          clear:left;
  39.      background-color: #087203;
  40. }
  41.  
  42.  
  43.  
  44. #lateral { background-color:#ffffff;
  45.             float:left;
  46.             width:25%;
  47.             
  48. }
  49.  
  50.  
  51.  
  52. #central { background-color:#ffffff;  
  53.                float:left;
  54.                width:75%;
  55.                
  56. }

tambien tengo esto es un menu desplegrable y tampoco aparese en IE9.
Código CSS: 
Ver original
  1. #menu {  text-align: center;
  2. font-size: 0.7em;
  3. width: 1024px;
  4. margin: 20px auto;
  5. }
  6.  
  7.  
  8.  
  9. #menu ul { list-style-type: none;}
  10. #menu ul li.nivel1 { float: left;
  11. width: 190px;
  12. margin-right: 0px;
  13. }
  14.  
  15.  
  16.  
  17. #menu ul li a {
  18. display: block;
  19. text-decoration: none;
  20. color: #fff;
  21. background-color: #087203;
  22. border: solid 1px #004611;
  23. padding: 8px;
  24. position: relative;
  25. }
  26.  
  27.  
  28. #menu ul li:hover {position: relative;
  29. }
  30.  
  31.  
  32.  
  33. #menu ul li a:hover, #menu ul li:hover a.nivel1 {background-color: #0aac02;
  34. color: #ffffff;
  35. position: relative;
  36. font-weight:bold;
  37. }
  38.  
  39.  
  40.  
  41. #menu ul li a.nivel1 {display: block!important;display: none;
  42. position: relative;
  43. }
  44.  
  45.  
  46.  
  47. #menu ul li ul {display: none;
  48. }
  49.  
  50.  
  51.  
  52. #menu ul li a:hover ul, #menu ul li:hover ul {display: block;
  53. position: absolute;left: 0px;
  54. }
  55.  
  56.  
  57.  
  58. #menu ul li ul li a {width: 188px;
  59. padding: 6px 0px 8px 0px;
  60. border-top-color: #004611;
  61. }
  62.  
  63.  
  64.  
  65. #menu ul li ul li a:hover {border-top-color: #004611;
  66. position: relative;
  67. }
  68.  
  69.  
  70.  
  71. table.falsa {border-collapse:collapse;
  72. border:0px;
  73. float: left;
  74. position: relative;
  75. }