FoeplelryFake
New Member
hi im trying to make dragable resizable window in asp.net using jquery ui. i want the window to have a title bar at the top of a fixed height with a a panel below that consists of a main content area with a vertricle scrollbar and a footer that is also a footer that is a fixed size. im planning to make the footer and content collapsible. when resized the footer and header should stay the same height, but the content aread should fill the rest of the space. I have tried as many combinations of css positioning as i can think of and have run out of ideas. ive made a html wireframe to help explain what structure im aiming for along with one of my many attempts at the css. does anybody know where i am going wrong? jquery ui draggable and resizable are applied to container div and the div collapsible content is collapsed and expanded via javascript.html :\[code\]<div id="container"> <div id="titlebar"></div> <div id="collapsecontent"> <div id="tabsheet"> <div id="tab"></div> </div> <div id="footer"></div> </div></div>\[/code\]css:\[code\]#container{ min-height:300px; } #titlebar{ height : 20px; } #collapsecontent{ min-height:100%; position:relative; } #tabsheet{ min-height:100%; position:absolute; top:0px; bottom:40px; } #tabsheet{ min-height:200px; height:100%; } #tab{ overflow-x:hidden; overflow-y:scroll; height:200px; } #footer{ position:absolute; bottom:0px; height:40px; }\[/code\]