Prev: Web service invokation problem
Next: CFCalendar Problem
From: Jay_B on 8 Jul 2008 17:57
In the attached code you can see that a cfmenu submenu is hidden by the
cflayout area. I've made the "menu" cflayoutarea a bit larger to illustrate.
Under normal circumstances the submenu would be completely hidden by the
cflayoutarea.

I've played around with yui css and z-index but have had no success. Anyone
have any ideas?


<!--- <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> --->
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<htmL>
<head>
</head>
<body style="font-family:tahoma;">
<cflayout name="outerlayout" type="vbox">
<cflayoutarea style="height:600px;width:960px;">
<cflayout name="thelayout" type="border">
<cflayoutarea position="top" size="25" splitter="true"
style=" height:100%;padding-left:50px;font-weight:bold;">
HEADER
</cflayoutarea>
<cflayoutarea title="Menu" position="left" overflow="auto"
collapsible="true" name="left"
style="height:100%;width:250px;" >
<cfmenu type="vertical"
menustyle="text-align:right;border:1px outset;width:175px;"
bgcolor="dadfc4" name="myMenu">
<cfmenuitem name="1" display="Item1">
<cfmenuitem name="2a" display="Item1a"></cfmenuitem>
<cfmenuitem name="3b" display="Item1b"></cfmenuitem>
<cfmenuitem name="4c" display="Item1c"></cfmenuitem>
</cfmenuitem>
<cfmenuitem name="2" display="Item2"></cfmenuitem>
<cfmenuitem name="3" display="Item3"></cfmenuitem>
<cfmenuitem name="4" display="Item4"></cfmenuitem>
</cfmenu>
</cflayoutarea>
<cflayoutarea position="center"
style="height:100%;z-index:-100;">
Main Area
</cflayoutarea>
<cflayoutarea position="bottom" size="25" splitter="true"
style=" height:100%">
footer
</cflayoutarea>
</cflayout>
</cflayoutarea>
</cflayout>
</body>
</html>

 | 
Pages: 1
Prev: Web service invokation problem
Next: CFCalendar Problem