Why button is visible in mozilla firefox but not in IE8...

asked 2012-02-08 09:23:56 +0800

aks
33

Here is my zul page...


<?page id="page_ModelSearch" title="new page title" zscript-language="javascript" contentType="text/html;charset=UTF-8"?>
<zk>
	<window id="modelSearch_win" title="Model Search" border="border:5px;" width="100%" apply="XYZ">
		<box id="boxMain" width="100%" height="100%" align="start" heights="100%">
		
			<borderlayout id="borderLayout" width="100%" style="background-color:WHITE">
			
				<north size="6%" collapsible="true" minsize="50" splittable="false">
                                                                                                 .........................
                                                                                                 ........................
				</north>

                                                                                     <west size="25%" flex="true" maxsize="600" splittable="true" collapsible="true">
					<grid style="background-color:white;height : 600px; overflow : auto">
						............
                                                                                                                               ........................
                                                                                                            </grid>
				</west>
                                                                                     <center>
                                                                                           ...........................
                                                                                     </center>
                                                                                    <south size="40%" collapsible="true" splittable="true" visible="true" autoscroll="true" style="background-color:white;border:0px" border="none">
                                                                                    </south>
                                                                </borderlayout>
					
			<b ><vbox id="vboxCart" width="100%" height="30%" align="start">
				<button id="addCartBtn" src="/img/add-cart.png" tooltiptext="Add to Cart" label="Add to Cart"/>
				<space height="1px"/>
			</vbox></b>	
			
		</box>	
	</window>
</zk>

This code is working fine with Mozilla firefox but with IE8 the button "Add to cart" is not visible (at end of code <button id="addCartBtn"/>
What is the problem exactly...??? Is this browser issue or what else??
Please help me out..

Thanks in advance...

delete flag offensive retag edit

3 Replies

Sort by » oldest newest

answered 2012-02-08 10:37:31 +0800

mhj

806 ● 1 ● 7

i did a test on zkfiddle and works fine with IE8 and chrome....

<?page id="page_ModelSearch" title="new page title" zscript-language="javascript" contentType="text/html;charset=UTF-8"?>
<zk>
  	<window id="modelSearch_win" title="Model Search" border="border:5px;" width="100%" >
		<box id="boxMain" width="100%" height="100%" align="start" heights="100%">
		
			<borderlayout id="borderLayout" width="100%" style="background-color:WHITE">
			
				<north size="6%" collapsible="true" minsize="50" splittable="false">
                                                                                                 .........................
                                                                                                 ........................
				</north>

                                                                                     <west size="25%" flex="true" maxsize="600" splittable="true" collapsible="true">
					<grid style="background-color:white;height : 600px; overflow : auto">
                                                                                                            </grid>
				</west>
                                                                                     <center>
                                                                                           ...........................
                                                                                     </center>
                                                                                    <south size="40%" collapsible="true" splittable="true" visible="true" autoscroll="true" style="background-color:white;border:0px" border="none">
                                                                                    </south>
                                                                </borderlayout>
					
			<vbox id="vboxCart" width="100%" height="30%" align="start">
				<button id="addCartBtn" src="/img/add-cart.png" tooltiptext="Add to Cart" label="Add to Cart"/>
				<space height="1px"/>
			</vbox>	
			
		</box>	
	</window>
</zk>