<div>
<div class="content wysiwyg-content">
recently i was trying to make columb for a bulk text which needs to get hidden like the gmail subject<br />
i used<br />
<br />
overflow:hidden;white-spac<wbr />e:nowrap;<br />
&nbsp;<br />
which works perfectly in firefox...but to make it work in IE and firefox i need to use<br />
<br />
text-overflow:ellipsis;ove<wbr />rflow:hidd<wbr />en;white-s<wbr />pace:nowra<wbr />p;width:30<wbr />0px;<br />
<br />
which again works fine in both but then i dont have a flexible width...for which i tried width:100%; instead of width:300px; but this dosnt work in IE.<br />
<br />
can anyone tell me how to emulate the gmail subject columb?
</div>
</div>


recently i was trying to make columb for a bulk text which needs to get hidden like the gmail subject
i used

overflow:hidden;white-space:nowrap;
 
which works perfectly in firefox...but to make it work in IE and firefox i need to use

text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:300px;

which again works fine in both but then i dont have a flexible width...for which i tried width:100%; instead of width:300px; but this dosnt work in IE.

can anyone tell me how to emulate the gmail subject columb?

CSS text overflow flexible columb width

Web development includes all aspects of presenting content on intranets and the Internet, including delivery development, protocols, languages and standards, server software, browser clients, databases and multimedia generation.