Is it possible to render empty <div style="width:50%"> </div> with CSS in xHTML strict 1.0 without setting width and height in pixels?

Question

Is it possible to render empty <div style="width:50%"> </div> with CSS in xHTML strict 1.0 without setting width and height in absolute values and not adding   inside? Targets are IE7-8, FF 3.x

Can I somehow render empty div if I want it to get 50% width and variable height?

Coalfield

In a standards compliant browser, an empty div without vertical padding has zero height. What do you expect to be rendered? – Unlatch

I expect to be rendered a 50% empty space before next float:left; display:inlide; element – Coalfield

Answer 1

Add some padding to the DIV so that even if there is absolutely nothing between the opening and the closing tags, you still see something.

<div style="width:50%; padding:10px;"></div>

Letsou

Answer 2

I'd personally go for <div style="min-height:1px;width:50%"></div>. That way any non empty divs will not get unwanted padding as in the other answer.

Obviously, in a separate CSS file it would be div { min-height:1px; width:50% }

Pitapat

IMHO this is the best xbrowser solution – Vancouver

Answer 3

Or give it one non-breaking space ( )

Osman

I had to make this lowercase – Broad

Answer 4

My Experience:

In addition to what user 'random' answered, i need to add space ( ) to make it work Hope this helps!

    <div style="width:50%; padding:10px;">&nbsp;</div>

Lundeen