How do I go about displaying the style properties of a DIV without actually inserting content. For example, in IE6, if I write this:
DIV#foo { background-color: blue; width: 150px; height: 1px; }
<div id="foo"></div>
Then nothing shows up. If I insert an img spacer in there, then it appears the way I want, but I really want to avoid doing that. Alternatively, if I display a in there, then the height is the size of normal text containing block, which I don't want either.
Thankstry getting rid of DIV infront of #fooNope. Doesn't work. It just shows a 150 x ~14px block.It is because M$ has pathetic CSS support add line-height: 1px;Tell me something I don't know (re: M$ ;-)
Nope. that didn't work either.
<!-- m --><a class="postlink" href="http://www.joebaz.com/test2.htmlTry">http://www.joebaz.com/test2.htmlTry</a><!-- m --> ...<div id="foo"><span></span></div>... with my above suggestion.That did the trick. Thanks!
DIV#foo { background-color: blue; width: 150px; height: 1px; }
<div id="foo"></div>
Then nothing shows up. If I insert an img spacer in there, then it appears the way I want, but I really want to avoid doing that. Alternatively, if I display a in there, then the height is the size of normal text containing block, which I don't want either.
Thankstry getting rid of DIV infront of #fooNope. Doesn't work. It just shows a 150 x ~14px block.It is because M$ has pathetic CSS support add line-height: 1px;Tell me something I don't know (re: M$ ;-)
Nope. that didn't work either.
<!-- m --><a class="postlink" href="http://www.joebaz.com/test2.htmlTry">http://www.joebaz.com/test2.htmlTry</a><!-- m --> ...<div id="foo"><span></span></div>... with my above suggestion.That did the trick. Thanks!