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?
-
15-04-2021 - |
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?
La solution
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>
Autres conseils
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% }
Or give it one non-breaking space ( )
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;"> </div>