diff options
| author | kbr@google.com <kbr@google.com@0039d316-1c4b-4281-b951-d872f2087c98> | 2010-04-30 00:42:43 +0000 |
|---|---|---|
| committer | kbr@google.com <kbr@google.com@0039d316-1c4b-4281-b951-d872f2087c98> | 2010-04-30 00:42:43 +0000 |
| commit | cd92d9ae828e3054af4582e3da8302cf6ad19e2e (patch) | |
| tree | 9b56dc77ca2baa7695fe37b900be8ce3f43ef23a /o3d | |
| parent | a02afd36072896ba584f32664cc8e4bc1889bae0 (diff) | |
| download | chromium_src-cd92d9ae828e3054af4582e3da8302cf6ad19e2e.zip chromium_src-cd92d9ae828e3054af4582e3da8302cf6ad19e2e.tar.gz chromium_src-cd92d9ae828e3054af4582e3da8302cf6ad19e2e.tar.bz2 | |
Incorporated gman's CSS changes for resizing and placing the
instructions at the bottom of the page.
BUG=none
TEST=ran pool sample
Review URL: http://codereview.chromium.org/1706020
git-svn-id: svn://svn.chromium.org/chrome/trunk/src@46022 0039d316-1c4b-4281-b951-d872f2087c98
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 --> |