| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 | html, body { background-color:#EEE; width:100%; height:100%; margin:0; padding:0; overflow:hidden; } div.layout_div { position:absolute; overflow:hidden; background-color:#DDD; } div#link_div { background-color:#DDD; left:5px; top:5px; bottom:5px; width:140px; height:auto; overflow:auto; } div#content_div { background-color:#FFF; left:150px; right:200px; top:5px; bottom:5px; width:auto; height:auto; overflow:auto; border:solid 1px #DDD;} div#right_div { background-color:#DDD; right:5px; top:5px; width:190px; height:290px; overflow:auto; } div#right2_div { background-color:#DDD; right:5px; top:300px; bottom:5px; width:190px; height:auto; overflow:auto; } div.resizeLR_div { position:absolute; width:1px; background-color:#AAA; border:solid 1px #999; cursor:e-resize; z-index:1; } div#linkHandle_div { left:146px; top:10px; bottom:10px; height:auto; } div#rightHandle_div { right:196px; top:10px; bottom:10px; height:auto; } hr.resizeTB_hr { position:absolute; height:3px; background-color:#AAA; border:solid 1px #999; cursor:n-resize; z-index:1; margin:0; padding:0; } hr#splitHandle_hr { width:180px; right:10px; top:296px; } |
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | function onLoad() { var elements1 = [ {n:'linkHandle_div',a:'left'}, {n:'link_div',a:'width',p:'left'}, {n:'content_div',a:'left'}]; initResize('linkHandle_div', elements1); var elements2 = [ {n:'rightHandle_div',a:'right'}, {n:'right_div',a:'width',p:'right'}, {n:'right2_div',a:'width',p:'right'}, {n:'splitHandle_hr',a:'width',p:'right'}, {n:'content_div',a:'right'}]; initResize('rightHandle_div', elements2); var elements3 = [ {n:'splitHandle_hr',a:'top'}, {n:'right_div',a:'height',p:'above'}, {n:'right2_div',a:'top'}]; initResize('splitHandle_hr', elements3); } |
| 1 2 3 4 5 6 7 8 9 10 11 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> </head> <body> </body> </html> |