¿Es posible renderizar <div style="width:50%"> </div> vacío con CSS en xHTML strict 1.0 sin establecer ancho y alto en valores absolutos y sin agregar adentro? Los objetivos son IE7-8, FF 3.x¿Es posible representar <div style="width:50%"></div> vacío con CSS en xHTML strict 1.0 sin establecer el ancho y alto en píxeles?
¿Debo representar de alguna manera el div vacío si quiero que tenga 50% de ancho y altura variable?
Agregue un relleno al DIV de modo que aunque no haya absolutamente nada entre las etiquetas de apertura y cierre, aún vea algo.
<div style="width:50%; padding:10px;"></div>
O darle un espacio de no separación (& nbsp;)
tuve que hacer esto –
rofl minúsculo ... siempre hay uno no hay keith :) – War
yo personalmente iría a por <div style="min-height:1px;width:50%"></div>. De esta manera ninguno de los DIV no vacías no conseguirán el relleno deseado como en la otra respuesta.
Obviamente, en un archivo CSS independiente sería div { min-height:1px; width:50%}
en mi humilde opinión esta es la mejor solución xbrowser – htmlr
Mi Experiencia:
Además de lo que el usuario 'al azar' contestado, tengo que añadir el espacio (& nbsp;) para hacer que funcione Espero que esto ayude!
<div style="width:50%; padding:10px;"> </div>
En un navegador que cumpla con los estándares, una div vacía sin relleno vertical tiene una altura cero. ¿Qué esperas que se represente? – Alohci
Espero obtener un espacio vacío del 50% antes del próximo float: left; pantalla: inlide; elemento – Artem