diff options
Diffstat (limited to 'o3d')
| -rw-r--r-- | o3d/samples/o3d-webgl-samples/pool.html | 35 |
1 files changed, 29 insertions, 6 deletions
diff --git a/o3d/samples/o3d-webgl-samples/pool.html b/o3d/samples/o3d-webgl-samples/pool.html index 3214d33..e161a44 100644 --- a/o3d/samples/o3d-webgl-samples/pool.html +++ b/o3d/samples/o3d-webgl-samples/pool.html @@ -39,6 +39,29 @@ single image file and then split up using Bitmaps. "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> +<style> + html, body { + border: 0; + margin: 0; + height: 100%; + height: 100%; + } + div#container { + position:relative; /* needed for footer positioning*/ + margin:0 auto; /* center, not in IE5 */ + + height:auto !important; /* real browsers */ + height:100%; /* IE6: treaded as min-height*/ + + min-height:100%; /* real browsers */ + } + div#footer { + position:absolute; + width:100%; + bottom:0; /* stick to bottom */ + background: #111111; + } +</style> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title> Pool @@ -1950,12 +1973,13 @@ function keyPressed(event) { </script> </head> <body onload="initClient()" style="background-color: #111111"> -<br/> -<center> +<div id="container"> <!-- Start of O3D client area --> -<div id="o3d" width="100%" height="100%"> </div> +<div id="o3d" style="width: 100%; height:100%;"> </div> <!-- End of O3D plugin --> +<div id="footer"> +<center> <table width = 800 style="color: gray"> <tr> <td> Click and drag to move the view. </td> @@ -1971,9 +1995,8 @@ function keyPressed(event) { </tr> </table> </center> - -<table> -<tr><td> +</div> +</div> <div style="display:none"> <!-- Start of effect --> |