On 23 February 2012 06:39, Vijay Poojary <vijay.pooj...@coaction.com> wrote:
> Hi,
>
> I am using CSSResource to set style on the HTML element and I am also
> setting width on that element by doing setWidth("80px") to use
> ellipsis.
>
> The issue is on IE text is not getting wrapped to second line, which
> should not as I have style loaded using CSSREsource as follows:
>
> .gridHeaderColumnLabel {
>
> white-space: nowrap;
> overflow: hidden;
> text-overflow:ellipsis;
> font-family: Arial, Myriad Web, Arial, Trebuchet MS, Tahoma, Courier
> New CE;
> text-align: center;
> font-size: 13px;
> font-weight: bold;
> color: #000000;
> text-decoration: none;
> cursor: pointer;
> cursor: hand;
>
> /* This will prevent the "bleeding" of the label from cell */
> display:table-cell;
> }
>
>
> Works perfectly fine on all the browsers, but IE rendering is causing
> issue as i can see width is there and ellipsis also there in style
> using Developer Tool.
>
> If i specify width inside CSS class, then works fine, but my width is
> dynamic for each column.
You have "white-space:nowrap" so would it not make sense that it
doesn't wrap? Having said that, apparently IE has problems with
white-space:no-wrap in certain scenarios. You might want to look into
that.
--
http://groups.google.com/group/Google-Web-Toolkit-Contributors
