Tags
People
Badges
Help-
CORE FRAMEWORK
FEATURED COMPONENTS
-
RESOURCES
-
LEARN ZK
RESOURCES
Hi,
I have been running the v5.0.1 zkdemo and found a IE6 styling problem with the Listbox component (mold="select") in the "Various Form" demo page. The font size is almost 2 times larger than the fonts used in all the other components on the page.
I can confirm the same behavior in my ZK application when using the same browser.
The problem occurs using IE6 (version 6.0.2800.1106) running on a windows 2000 client (version 5.0 build 2195 - service pack 4)
I've tried putting this in my css:
select {
font-size: 50%! important;
}
But IE6 appears to ignore it.
This problem does not occur when using IE7, IE8, FF3 ad FF3.5
Any advice would be appreciated.
Thanks,
Trevor
I spoke too soon.
The font size adjusted correctly but now I get this strange problem where I press on the down arrow of a select box and the contents to the drop down list is not rendered. I get a blank line similar to this image:
http://queen3.at.tut.by/DropDownIE6jQuery.PNG
The bizarre thing is that it only affects some select boxes. For example I have select boxes in another grid which seem to be behaving properly, while others in another grid don't
I tried setting the height to a minimal value thinking that is was a classic IE6 hasLayout problem, but no luck:
.ie6 select {
font-size: 100%! important;
height: 1%
}
If I remove the above CSS statement block, then the drop down boxes behave correctly, but it takes me back to my original problem where the font size is twice that of all the data displayed in my ZK window.
Do you have any thoughts?
hmm... sorry I can't see your screen, but I have another solution.
1. create a file which will be used to contain CSS with extension *.css.dsp.
2. place it in your web archive, and inside of it, please write:
<%@ taglib uri="http://www.zkoss.org/dsp/web/core" prefix="c" %>
<c:if test="c:browser('ie6-')">
select {
...
}
</c:if>
3. link this file to your page.
I tried that but still no luck. The fonts didn't even change this time.
Heres what I put in my new CSS file called: ie6.css.dsp
---------------------------------------------------------
<%@ taglib uri="http://www.zkoss.org/dsp/web/core" prefix="c" %>
<c:if test="c:browser('ie6-')">
select {
font-size: 70%! important;
}
</c:if>
---------------------------------------------------------
Here's what I put in my index.zul page
---------------------------------------------------------
<style src="css/ie6.css.dsp"/>
---------------------------------------------------------
As I was trying to reduce the font size I noticed that my FF browser was behaving weirdly. Some select boxes were adhering the the new font sizes, while others ignored them. I hope to send you a file that you can run on your side to reproduce this behavior next week.
Asked: 2010-04-15 07:10:35 +0800
Seen: 1,070 times
Last updated: Apr 21 '10