ToolBar issues - Ext JS

最新推荐文章于 2021-06-04 05:01:56 发布

最新推荐文章于 2021-06-04 05:01:56 发布 · 115 阅读

文章标签：

#EXT #IE #CSS #Firefox #Web

extJs 专栏收录该内容

281 篇文章

订阅专栏

本文探讨了一个跨浏览器编辑器在Internet Explorer和Firefox上的显示及功能问题，包括图标显示不一致、按钮点击功能失效以及工具栏宽度差异等问题，并提出了相应的解决方案。

Have a look at this
http://www.rodrigodiniz.qsh.eu/Editor.htm
Issues:
1)The icons look great on firefox , and not so great in IE
2)When I click on a button that has a menu IE loses the text selection and
the command doesn't work.
3)The toolbar width is correct in IE and not in firefox

__________________
ExtJsExtender Controls
http://www.extendersamples.qsh.eu
My Blog
http://rodiniz.blogspot.com

03-08-2007, 07:01 AM

1) IE6 doesn't support transparent PNGs (that's what you are using for icons?). You could load them using alpha image filter. Your CSS is also not up to date. It looks like you are running the latest code with old CSS. Updating your css will fix the gap in the button issue.

2) This is a known issue when doing text editors in IE. You will need to store the current selection. Take a look on the web, there should be lots of examples of this.

3) Your editor has a CSS width set to 100px. On IE, it is ignoring the 100px width you have set, on FF it is forcing the toolbar (which is auto width) to stay within the 100px width. On FF the text element is actually overflowing the editor element.