Problema con display: inline-block en Explorer

[madman_18]

Hola a todos!

Cómo no, estoy teniendo problemas con internet explorer...estoy poniendo el siguiente código css:

Código CSS:

.menu ul li{
*display:inline;
  float: left;
}
 

Y no lo está cogiendo en IE 7 pero a partir del 8 sin problemas.

¿Cómo se haría el inline-block para ie7?? He probado soluciones que he visto por ahí (el float:left, ponerle zoom:1, etc etc) y nada de nada...

Gracias!

[Triby]

Para IE7 e inferiores generalmente usas display block y flotar a izquierda o derecha, según te convenga.

[comablck]

asi como lo muestras esta bien pero yo le haria ciertos cambios..

.menu ul li {
display: inline-block;
float: left;
}

si te fijas le quite el "*", y le cambie el inline a inline-block, espero te sirva

[pzin]

¿Los elementos flotados no se hacen elementos de bloque comablck? Yo es lo que aprendí en su día.
Además la cosa es que IE7 no soporta inline-block en ese tipo de elementos.

madman_18, si te sirve de algo, IE7 soporta inline-block en elementos que por defecto tengan un display inline: http://caniuse.com/inline-block

Ahora yo me pregunto qué necesidad habrá de acordarse de IE7 hoy en día cuando ni IE8 apenas se usa.

[madman_18]

Iniciado por pzin

¿Los elementos flotados no se hacen elementos de bloque comablck? Yo es lo que aprendí en su día.
Además la cosa es que IE7 no soporta inline-block en ese tipo de elementos.

madman_18, si te sirve de algo, IE7 soporta inline-block en elementos que por defecto tengan un display inline: http://caniuse.com/inline-block

Ahora yo me pregunto qué necesidad habrá de acordarse de IE7 hoy en día cuando ni IE8 apenas se usa.

Jajaja sí pzin tienes razón....pero es una web que quieren que se vea bien en navegadores arcáicos y que son una mier....perdon, en versiones anteriores a IE9...

Ah! y gracias por la info! :) lo probaré hoy a ver qué resulta