Is it possible to render empty

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?

In a standards compliant browser, an empty div without vertical padding has zero height. What do you expect to be rendered? — Alohci, Oct 24 '09 at 11:43
I expect to be rendered a 50% empty space before next float:left; display:inlide; element — Artem, Oct 27 '09 at 03:02

Christopher Causer · Answer 1 · 2021-01-27T10:57:54.523

34

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% }

edited Jan 27 '21 at 10:57

answered Jan 12 '12 at 14:29

Christopher Causer

1,354
1
11
13

1

IMHO this is the best xbrowser solution – experimenter Oct 03 '13 at 03:24

score 25 · Accepted Answer · answered Oct 24 '09 at 11:14

25

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>

answered Oct 24 '09 at 11:14

random

9,774
10
66
83

score 9 · Answer 3 · edited Jul 19 '17 at 13:12

9

Or give it one non-breaking space ( )

edited Jul 19 '17 at 13:12

Martin Brown

24,692
14
77
122

answered Oct 26 '09 at 18:36

tahdhaze09

2,220
1
21
36

I had to make this lowercase – Keith Smiley Jul 08 '13 at 15:52

score 2 · Answer 4 · edited Jul 19 '17 at 13:12

2

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>

edited Jul 19 '17 at 13:12

Martin Brown

24,692
14
77
122

answered Oct 04 '13 at 01:15

Sonny Ng

2,051
1
17
14

Is it possible to render empty with CSS in xHTML strict 1.0 without setting width and height in pixels?

4 Answers4

Is it possible to render empty

with CSS in xHTML strict 1.0 without setting width and height in pixels?