I think what you need is as follows :

<html>
<head>
</head>
<body leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0" 
marginwidth="0" marginheight="0">

<cflayout name="outerlayout" type="vbox"  style="height:100%;">
 <cflayoutarea style="height:15%; background-color:##FFCCFF">
     <h3>header</h3>
 </cflayoutarea>
 
      <cflayoutarea style="height:80%;">
          <cflayout name="thelayout" type="border">
          <cflayoutarea position="left" >
          This is text in layout area 2: left<br />
          You can close and collapse this area.
          </cflayoutarea>
          <cflayoutarea position="center" >
          This is text in layout area 3: center<br />
          </cflayoutarea>
          <cflayoutarea position="right" >
          This is text in layout area 4: right<br />
          You can collapse this, but not close it.<br />
          It is initially collapsed.
          </cflayoutarea>
          </cflayout>
       
      </cflayoutarea>
 
 
    <cflayoutarea style="height:5%; background-color:##FFCCFF">
     <CENTER>footer</CENTER>
 </cflayoutarea>
    
</cflayout>

</body>
</html>


regards
Bob



________________________________
From: MS <[email protected]>
To: cf-talk <[email protected]>
Sent: Wednesday, February 18, 2009 12:41:43 AM
Subject: <cflayout> annoying issue


Hi all

Quick cflayout question. I have a normal layout (positions = TOP,
LEFT, CENTER, RIGHT, BOTTOM) page.

Problem: if the center inside the CENTER <cflayoutarea> is larger than
the screen, I'm getting a scroll bar just in that CENTER
<cflayoutarea>. Instead, the whole page should expand to accommodate
the height of CENTER. I tried playing with height:100% everywhere and
I can't do the trick.

<cflayout>
    <cflayoutarea position="top">
        Top
    </cflayoutarea>
    <cflayoutarea position="left">
        Left
    </cflayoutarea>
    <cflayoutarea position="center">
        BIG CONTENT (in height)
        BIG CONTENT (in height)
        BIG CONTENT (in height)
        ** I want this to expand and cause scrollbars to appear on the whole
page, not just on this DIV
    </cflayoutarea>
<cflayoutarea position="right">
        Right
    </cflayoutarea>

</cflayout>

Hope it makes sense.

Cheers,

MS



~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Adobe® ColdFusion® 8 software 8 is the most important and dramatic release to 
date
Get the Free Trial
http://ad.doubleclick.net/clk;207172674;29440083;f

Archive: 
http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:319464
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4

Reply via email to