スタイルシートtips
動作例 http://n9d.n9d.com/js/treemenu_div.htmlリサイズするとその効能がよく分かる ソース <html> <meta HTTP-EQUIV="content-type" CONTENT="text/html;charset=EUC-JP"> <meta HTTP-EQUIV="Content-Script-Type" CONTENT="text/javascript">…</meta></meta></html>
<html> <meta HTTP-EQUIV="content-type" CONTENT="text/html;charset=EUC-JP"> <meta HTTP-EQUIV="Content-Script-Type" CONTENT="text/javascript"> <head> <title>木構造表示</title> </head></meta></meta></html>
<html lang="ja-JP"> <head> <style type="text/css"><!-- body { height:100%; overflow:hidden;} form#red { width:100%; height: 100%; background: red;} textarea#blue { width: 100%; height: 90%; background: blue;} --></style> </head> <body> </body></html>
方法 基本的には、上位のBOXから width,heightを指定していけばよい。 (基本的にIEにはheightの計算にバグがあるため必ず上位のBOXの指定が必要) body { height:100%; overflow:hidden;} form#red { width:100%; height: 100%; background: red;} textarea…
IEのheightにバグがあるためbodyにheight:100%が必要。 body {overflow:hidden;height: 100%;} div#main,div#header,div#footer,div#right,div#left { position: absolute;} div#header,div#footer,div#right,div#left { overflow: auto; } div#main { overf…