Foros del Web » Creando para Internet » CSS »

Alternativa a display: inline-block.

Estas en el tema de Alternativa a display: inline-block. en el foro de CSS en Foros del Web. Hola a todos: La verdad es que esta duda es más por saciar mi curiosidad que por pura práctica. Actualmente todos los navegadores soportan más ...
  #1 (permalink)  
Antiguo 31/07/2011, 17:05
Avatar de Negora  
Fecha de Ingreso: agosto-2003
Mensajes: 122
Antigüedad: 13 años, 5 meses
Puntos: 5
Pregunta Alternativa a display: inline-block.

Hola a todos:

La verdad es que esta duda es más por saciar mi curiosidad que por pura práctica. Actualmente todos los navegadores soportan más o menos bien la propiedad display con el valor inline-block. Pero tengo una espinita clavada desde hace tiempo porque en su momento no pude usar este valor por su mal o nulo soporte en algunos navegadores. Sobretodo en Firefox, que lo comenzó a interpretar bastante tarde en mi opinión. Y claro, siendo un psicópata de la validación perfecta en aquellos tiempos, no quise recurrir a "trucos" CSS.

El caso es que hace unos meses me enteré que simplemente podría haber recurrido a la propiedad -moz-inline-stack para lograr algo más o menos parecido en Firefox 2 (de no haber sido tan maniático con la susodicha validación), y he pensado en cómo lo palié en su momento y qué otras formas se me podrían haber ocurrido.

Lógicamente, las "alternativas" dependen muy mucho del diseño de los elementos adyacentes, pero en términos generales se me ocurren sólo dos:
  • Usar elementos con la propiedad float . Supongo que ésta es la técnica más común porque permite dar anchura a elementos originalmente situados en línea, sin perder el empuje hacia los elementos adyacentes. La única pega que le vi en su momento venía dada cuando el diseño era un poco complejo, ya que había que controlar bastante bien su interacción con el resto de elementos.
  • Usar un elemento en línea, posicionado relativamente, con un elemento invisible de tipo reemplazado dentro (imagen, objeto o campo de formulario), ya que son los únicos elementos en línea que tienen anchura configurable (que yo sepa). De esa manera podía meter un elemento posicionado de manera absoluta con el contenido que desease. La pena era que algunas etiquetas no están permitidas dentro de otras (DIV dentro de SPAN, por ejemplo), por lo que de nuevo la validación era un problema si el diseño era complejo.

¿Se os ocurre alguna manera no programativa de haber hecho algo similar? Muchas gracias.

Etiquetas: contenido, display, firefox
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 20:19.