Tags
People
Badges
Help-
CORE FRAMEWORK
FEATURED COMPONENTS
-
RESOURCES
-
LEARN ZK
RESOURCES
Hi everyone,
I'm trying to center a fisheyebar in a div, here's the thing:
When the IE window is maximized there's no problem, but when you resize the window and the div becomes smaller than the fisheyebar, then it aligns it to the left of it (the div).
I've been trying to make it work by creating another div to contain the fisheyebar and make the fishbar left: -50%, then aligning the second div to the right of the containing div, but it just doesn't work...
Please help me!
Here's some of the code
....
<borderlayout style="overflow: visible;">
<west width="20%" style="border: 0px; overflow:visible; z-index: 1;">
<div id="westDiv" align="center" sclass="BottomBanner"/>
<!-- And image goes here (inside the div) -->
</west>
<center border="normal" style="border-top: 0px; border-bottom: 0px; overflow: visible;">
<div align="center">
<fisheyebar id="fishBar" attachEdge="bottom" labelEdge="top"
itemHeight="65" itemWidth="60" itemMaxHeight="130" itemMaxWidth="130">
<fisheye image="/img/home_icon.gif"/>
<fisheye image="/img/retr.gif" />
<fisheye image="/img/Note.png"/>
<fisheye image="/img/basket.png" />
<fisheye image="/img/communityIcon.gif"/>
<fisheye image="/img/pat.gif" />
<fisheye image="/img/phys.png"/>
<fisheye image="/img/txtFile.png"/>
<fisheye image="/img/quality.gif"/>
<fisheye image="/img/settings.gif"/>
<fisheye image="/img/logout.png"/>
</fisheyebar>
</div>
</center>
<east width="20%" style="border: 0px; overflow:visible; z-index: 1;">
<div sclass="BottomBanner" id="eastDiv" align="center"/>
<!-- And image goes here (inside the div) -->
</east>
</borderlayout>
Thanks in advance,
judacoor
Asked: 2009-03-01 19:26:12 +0800
Seen: 126 times
Last updated: Mar 01 '09