2011-07-07 16 views
13

Me pregunto si ese (mi título) es siempre incorrecto, salvo para la validación de HTML. Recientemente tuve que volver a admitir IE7 (he tenido la suerte de no tener que hacerlo durante los últimos 3 años) y el hecho de que div no puede ser inline-block me ha costado unas 10 veces en el último mes debido a al hecho de que hago todo div de forma predeterminada y luego retrocedo y estilizo elementos. Así que estoy considerando hacer todo span, de modo que si más tarde vuelvo y hago algo en línea, no estoy tratando de descubrir por qué no está funcionando en IE7.Un tramo puede ser un div, pero un div no puede ser un tramo

Así que mi pregunta - ¿Hay alguna vez un caso, en cualquier navegador (IE7 +, FF, Webkit, Opera), que alguien sepa de dónde un tramo no puede actuar como un div? No me preocupa que el HTML no valide debido a tener elementos de bloque dentro de los en línea.

+1

"Hago de todo un div por defecto ... Estoy considerando hacer que todo sea un tramo ..." ¡Esto es una blasfemia! ¡Esto es una locura! – sdleihssirhc

+12

@sdleihssirhc Locura? ESTE ES DISEÑO WEB. – sdleihssirhc

+0

sí, ¿qué pasa? :) –

Respuesta

11

No voy a responder directamente a su pregunta, pero creo que esto vale la pena decir.

que he tenido recientemente para empezar a apoyar IE7 de nuevo (He tenido la suerte de no tiene que durante los últimos 3 años o así ) y el hecho de que divs no pueden ser inline- bloque me ha conseguido unos 10 veces en el último mes

Usted puede uso display: inline-block en IE7 para los elementos en bloque como div s, con:

selector { 
    display: inline-block; 
    *display: inline; 
    zoom: 1 
} 

Si no desea utilizar un inválido pero safe CSS hack (*property), puede usar conditional comments.

+0

huh ... Gracias :) En realidad, siempre tengo una etiqueta de navegador en el '', por lo general hago cosas como '.IE7 .selector' en lugar de css hacks. –

0

Esto puede ser de ayuda: SPAN vs DIV (inline-block)

+0

Gracias, pero no es así. Simplemente establece lo que ya sé, que puede establecer 'inline-block',' block', 'inline' en los diversos elementos para cambiar su comportamiento. Estoy más buscando una respuesta a: "Es'

...
'siempre diferente de' ... '". Perdón por la confusión –

Cuestiones relacionadas