Css En IE9

[luismercado0209]

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:

#contenedor{
    width: 1024px;
    border: 1px solid gray;
    margin: 10px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    background: #ffffff;
     float:center;
}
 
 
 
#cabecera { padding: 5px;
            margin-bottom: ;
            background-color: #ffffff;
        width:100%;
            
 
}
 
 
 
#botones { 
           width:100%;
           margin: 0px;
           padding: 0px;
           background-color: #ffffff;
           
 
}
 
 
 
#pie { 
         width:100%;
         
         clear:left;
     background-color: #087203;
}
 
 
 
#lateral { background-color:#ffffff;
            float:left;
            width:25%;
            
}
 
 
 
#central { background-color:#ffffff;  
               float:left;
               width:75%;
               
}
 

tambien tengo esto es un menu desplegrable y tampoco aparese en IE9.

Código CSS:

#menu {  text-align: center;
font-size: 0.7em;
width: 1024px;
margin: 20px auto;
}
 
 
 
#menu ul { list-style-type: none;}
#menu ul li.nivel1 { float: left;
width: 190px;
margin-right: 0px;
}
 
 
 
#menu ul li a {
display: block;
text-decoration: none;
color: #fff;
background-color: #087203;
border: solid 1px #004611;
padding: 8px;
position: relative;
}
 
 
#menu ul li:hover {position: relative;
}
 
 
 
#menu ul li a:hover, #menu ul li:hover a.nivel1 {background-color: #0aac02;
color: #ffffff;
position: relative;
font-weight:bold;
}
 
 
 
#menu ul li a.nivel1 {display: block!important;display: none;
position: relative;
}
 
 
 
#menu ul li ul {display: none;
}
 
 
 
#menu ul li a:hover ul, #menu ul li:hover ul {display: block;
position: absolute;left: 0px;
}
 
 
 
#menu ul li ul li a {width: 188px;
padding: 6px 0px 8px 0px;
border-top-color: #004611;
}
 
 
 
#menu ul li ul li a:hover {border-top-color: #004611;
position: relative;
}
 
 
 
table.falsa {border-collapse:collapse;
border:0px;
float: left;
position: relative;
}
 

[frank_harbey12]

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" />

[luismercado0209]

Iniciado por frank_harbey12

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

[ArturoGallegos]

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

#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

[saul123]

Hola

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