GalaxySong
05-23-2007, 02:32 AM
I followed the example "Toolbar with Menus" in Ext Doc and made a simple js class/constructor named "RoundBox", using css file "box.css", as a ui widget. It worked very well in a few tests. But now I get some trouble in IE. If the container of the box is set "width: auto", show it and alignTo "t-t", its right side reaches the end of the screen/view(see the attachment) in spite of its very short content.
I don't exactly know why but I have found a work around:
.x-box-tl, .x-box-ml, .x-box-mc h3, .x-box-bl {
zoom: normal;
}
It seems that IE will wieldly stretch it when "zoom: 1" although it is supposed to behave as "zoom: normal".
And I also happened to know that if you set "zoom: 1" and "filter:opacity(...)", the text of that element will look like blurred.
Then, I wonder, why not just use "zoom: normal" instead of "zoom: 1" to play safe?
I don't exactly know why but I have found a work around:
.x-box-tl, .x-box-ml, .x-box-mc h3, .x-box-bl {
zoom: normal;
}
It seems that IE will wieldly stretch it when "zoom: 1" although it is supposed to behave as "zoom: normal".
And I also happened to know that if you set "zoom: 1" and "filter:opacity(...)", the text of that element will look like blurred.
Then, I wonder, why not just use "zoom: normal" instead of "zoom: 1" to play safe?