Foros del Web » Creando para Internet » CSS »

Css En IE9

Estas en el tema de Css En IE9 en el foro de CSS en Foros del Web. 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. ...
  #1 (permalink)  
Antiguo 09/04/2011, 16:20
Avatar de luismercado0209  
Fecha de Ingreso: abril-2011
Mensajes: 101
Antigüedad: 6 años, 8 meses
Puntos: 4
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. }
  #2 (permalink)  
Antiguo 09/04/2011, 21:34
 
Fecha de Ingreso: octubre-2010
Mensajes: 73
Antigüedad: 7 años, 1 mes
Puntos: 1
Respuesta: Css En IE9

Buen dia,

SI deseas que el IE te reconosca bien los css agrega este meta en tu cabecera.

<meta http-equiv="X-UA-Compatible" content="IE=9" />
  #3 (permalink)  
Antiguo 10/04/2011, 21:02
Avatar de luismercado0209  
Fecha de Ingreso: abril-2011
Mensajes: 101
Antigüedad: 6 años, 8 meses
Puntos: 4
Respuesta: Css En IE9

Cita:
Iniciado por frank_harbey12 Ver Mensaje
Buen dia,

SI deseas que el IE te reconosca bien los css agrega este meta en tu cabecera.

<meta http-equiv="X-UA-Compatible" content="IE=9" />
Eres el mejor man sabes mucho gracias ya estaba pensando en dejar mi proyecto tanta complicacion xdd
  #4 (permalink)  
Antiguo 11/04/2011, 00:40
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 5.823
Antigüedad: 9 años, 9 meses
Puntos: 951
Respuesta: Css En IE9

amigo @luismercado0209 apesar de que ya le dieron una respuesta aparentemente satisfactoria para sus intenciones, no pude dejar de notar que usted ha aplicado la propiedad float erróneamente

Cita:
#contenedor{
width: 1024px;
border: 1px solid gray;
margin: 10px;
margin-left: auto;
margin-right: auto;
padding: 10px;
background: #ffffff;
float:center;
}
hasta donde tengo entendido en css2 solo soporta left or right
http://www.w3schools.com/css/pr_class_float.asp

y en css3 no he visto hasta ahora que ya se incluya dicho atributo en con el valor center, si en su maquetación a persive que su contenido si esta centrado en definitiva no es por el float si no por el margin-left y margin-right
__________________
Toda ayuda se proporciona exclusivamente en el foro, no skype, no mensajes privados u otro medio....
  #5 (permalink)  
Antiguo 11/04/2011, 04:49
 
Fecha de Ingreso: marzo-2011
Mensajes: 119
Antigüedad: 6 años, 9 meses
Puntos: 9
Respuesta: Css En IE9

Hola

Ag666 tiene razón , aun que la solución de los otros me parece creativa .

Etiquetas: csss, explorer, internet, maquetacion
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 14:00.