Foros del Web » Creando para Internet » CSS »

inline-block en IE7 - Menu horizontal

Estas en el tema de inline-block en IE7 - Menu horizontal en el foro de CSS en Foros del Web. Hola gente, tengo un menu horizontal que no se comporta correctamente en IE7 o inferior. les paso el link: [URL="http://www.bmfotografia.com/"]http://www.bmfotografia.com/[/URL] El menu problemático es el ...
  #1 (permalink)  
Antiguo 26/03/2010, 16:23
 
Fecha de Ingreso: diciembre-2007
Mensajes: 8
Antigüedad: 10 años
Puntos: 0
inline-block en IE7 - Menu horizontal

Hola gente, tengo un menu horizontal que no se comporta correctamente en IE7 o inferior. les paso el link:

[URL="http://www.bmfotografia.com/"]http://www.bmfotografia.com/[/URL]

El menu problemático es el que está arriba del titular.

css (solo para ie7 o inferior):

.container ul li{
*display: inline; /* IE */
_display: inline; /* IE6 */
font-size: 14px;
color: #FFFFFF;
top: 0px;
left: 0px;
position: absolute;
text-align: left;
vertical-align: top; /* BASELINE CORRECCIÓN */
_height: 21px; /* IE6 */
}

Gracias.
Un abrazo. Ezequiel
  #2 (permalink)  
Antiguo 26/03/2010, 16:46
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: inline-block en IE7 - Menu horizontal

#menu ul {float:left;}
agrega un float left... que es lo mejor en este caso, pero vamos usar un <ul> para cada <li> lo veo un poco "extraño" por no decir otra cosa vamos jeje... chao y suerte...

PD: igual sivamos a usar las imagenes (<img/>) ya dentro de li almenos yo veo sobrando los ul y li... no?
  #3 (permalink)  
Antiguo 26/03/2010, 16:49
 
Fecha de Ingreso: marzo-2010
Mensajes: 51
Antigüedad: 7 años, 8 meses
Puntos: 1
Respuesta: inline-block en IE7 - Menu horizontal

Uhhh, no tengo para probarlo en IE7, pero intenta con esto:

quita los "hacks" para IE... las de "display", comentalas para que pruebes..

y sólo pon

Código:
float: left;
Y nos cuentas que pasa.

-- Edito: alexk Exacto!, pensamos lo mismo jojojojo.
  #4 (permalink)  
Antiguo 26/03/2010, 17:00
Avatar de elututo  
Fecha de Ingreso: mayo-2002
Ubicación: Rio Cuarto, Cordoba
Mensajes: 80
Antigüedad: 15 años, 7 meses
Puntos: 1
Respuesta: inline-block en IE7 - Menu horizontal

Me pasó lo mismo hace una semana, IE 7 o - no reconoce inline-block , probá con float:left .

Para solucionar el error de visualizacion en IE6 probé con _float:left pero solo sirve para IE6 y en el 7 se sigue viendo mal.
__________________
:::::::: Oscar Paz::::::::::::::::::::::::::
www.oscarpaz.com.ar
www.unicoh.com.ar
  #5 (permalink)  
Antiguo 26/03/2010, 17:17
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: inline-block en IE7 - Menu horizontal

IE7 si reconoce display:inline-block; otra cosa es que no se aplique correctamente :)
  #6 (permalink)  
Antiguo 31/03/2010, 16:46
 
Fecha de Ingreso: diciembre-2007
Mensajes: 8
Antigüedad: 10 años
Puntos: 0
Respuesta: inline-block en IE7 - Menu horizontal

Bueno, gente, cambié todos los hacks por "float: left;" y lo sigo viendo igual. Tanto en ie 7 como en ie6.
Les paso la nueva info.

css:

#menu {
width: 90%;
top: 0px;
left: 0px;
position: absolute;
}

.container ul li{
float: left;
font-size: 14px;
color: #FFFFFF;
top: 0px;
left: 0px;
position: absolute;
}

el link:
[URL="http://www.bmfotografia.com/"]http://www.bmfotografia.com/[/URL]


Abrazo.

Etiquetas: horizontal
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 00:43.