iframe做的框架需要像框架集frameset一样左右宽度自由调整

sdddddddddddddddddddddddddd ddddddddddddddddddddddddddddddddddddddddddd dddddddddddddddddddddddddd
sdfsdddddddddddd

解决方案 »

  1.   

    sdfsaf dsfsfd  df d f   sdhf sd fd jksfsjlfkjaskjdfkjsadkjs djkkj sdsdafsafadfjksdajk   dsjkfd  fd sajk f jksdjk fs jkdfjsdj kf sdfj sadfjsdafsjdfasdsdfa
      

  2.   

    这样？
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
    "http://www.w3.org/TR/html4/loose.dtd"> 
    <html> 
    <head> 
    <META HTTP-EQUIV="content-type" CONTENT="text/html; charset=UTF-8"> 
    <title>GCD System - Demo </title> 
    <style type="text/css"> 
    #mainWorkspace1 { 
    border-left-width: thick; 
    border-left-style: solid; 
    border-left-color: #CCCCCC; 
    } 
    </style> 
    <script language="javascript" type="text/javascript">var isResize = false;
    var width0 = 0; width1 = 0; x0 = 0;
    var cwidth;function getFocus(obj) {
    obj.setCapture();
    cwidth = document.body.clientWidth;
    width0 = cwidth*parseInt(document.getElementById("sysMenu").parentNode.width)/100;
    width1 = cwidth*parseInt(document.getElementById("mainWorkspace").parentNode.width)/100;
    x0 = event.clientX;
    isResize = true;
    }function stopResize(obj) {
    isResize = false;
    obj.releaseCapture();
    }function resize(obj) {
    if (isResize) {
    var x1 = event.clientX;
    var tw0 = parseInt((width0 + x1 - x0)/cwidth*100);
    var tw1 = parseInt((width1 + x0 - x1)/cwidth*100);
    if (tw0 <= 0 || tw1 <= 0) return;
    document.getElementById("sysMenu").parentNode.width = tw0 + "%";
    document.getElementById("mainWorkspace").parentNode.width = tw1 + "%";
    }
    }
    </script>
    </head> 
    <body bgcolor="#ffffff" text="#000000" leftmargin="0" topmargin="0" 
    marginwidth="0" marginheight="0"> 
    <table width="100%" border="0"> 
    <tr> 
    <td> 
    <table width="100%" border="1" cellspacing="0" cellpadding="0"> 
    <tr> 
    <td valign="top" height="60" colspan="3"> 
    <iframe name="header" id="header" src="../include/header.jsp" 
    width=100% height=100% frameborder="0" scrolling="no"> </iframe> 
    </td> 
    </tr> 
    <tr> 
    <td valign="top" height="30" colspan="3"> 
    <jsp:include page="../include/banner.jsp"> </jsp:include> 
    </td> 
    </tr> 
    <tr> 
    <td width="17%" height="635" valign="top" id="menu"> 
    <iframe name="sysMenu" id="sysMenu" src="../include/mymenu.jsp" 
    width=100% height=100% frameborder="0" scrolling="auto"> </iframe> 
    </td> 
    <td width="1%" bgcolor="#CCCCCC" style="cursor:w-resize;" align="center" onMouseDown='getFocus(this)' onMouseUp='stopResize(this)' onMouseMove='resize(this)'>&nbsp;</td>
    <td width="82%" height="635" valign="top" id="workContext"> 
    <iframe name="mainWorkspace" id="mainWorkspace"
    src="../contact/contactSearch.jsp" width=100% height=100% 
    frameborder="0" scrolling="auto"> </iframe> 
    </td> 
    </tr> 
    </table> 
    </td> 
    </tr> 
    </table> 
    </body> 
    </html>
      

  3.   

    我想到思路了
    <td width="1%" height="635" valign="top" id="divide" style="background-image:url(../img/divide.gif);background-repeat:repeat-y" >
    &nbsp;
    </td>不过鼠标总是控制不好，就上来看看发的帖子有人回没有，果然有。牛人啊。万分感激啊，以后还请多多指教!