diff options
| author | Simon Tatham <anakin@pobox.com> | 2013-04-05 15:49:25 +0000 |
|---|---|---|
| committer | Simon Tatham <anakin@pobox.com> | 2013-04-05 15:49:25 +0000 |
| commit | 5dc559c8be1b8f6ed15f560433f25c952c874f93 (patch) | |
| tree | 017bac8616859248dd4abba5b2b908c0c81223e3 /html/jspage.pl | |
| parent | 7479c2882dfa7c3b75653c728ade1997734f3d01 (diff) | |
| download | puzzles-5dc559c8be1b8f6ed15f560433f25c952c874f93.zip puzzles-5dc559c8be1b8f6ed15f560433f25c952c874f93.tar.gz puzzles-5dc559c8be1b8f6ed15f560433f25c952c874f93.tar.bz2 puzzles-5dc559c8be1b8f6ed15f560433f25c952c874f93.tar.xz | |
Assorted HTML/CSS fiddlings to make things work better in IE. I've
added a trivial doctype (IE complained without it), but that caused a
gap to appear between the puzzle and the status bar, so I tinkered a
bit more and ended up removing the <table> completely (no great loss)
as well as adding display:block to the canvas and explicitly setting
the width of not only the status bar div but also its parent div.
Meanwhile, I'm putting the "px" on the end of a lot of properties I
set from JS, because IE complains about that too if I don't.
[originally from svn r9809]
Diffstat (limited to 'html/jspage.pl')
| -rwxr-xr-x | html/jspage.pl | 29 |
1 files changed, 12 insertions, 17 deletions
diff --git a/html/jspage.pl b/html/jspage.pl index 376d39a..ae775ec 100755 --- a/html/jspage.pl +++ b/html/jspage.pl @@ -57,6 +57,7 @@ EOF } print $outpage <<EOF; +<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ASCII" /> @@ -82,23 +83,16 @@ ${unfinishedpara} <input type="button" id="random" value="Enter random seed"> <select id="gametype"></select> </p> -<p align=center> - <table cellpadding="0" cellspacing="0"> - <tr> - <td> - <canvas id="puzzlecanvas" width="1" height="1" tabindex="1"> - </td> - <tr> - <td id="statusbarholder"> - </td> - </tr> - </table> -</p> -<p align=center> - Link to this puzzle: - <a id="permalink-desc">by game ID</a> - <a id="permalink-seed">by random seed</a> -</p> +<div align=center> + <canvas style="display: block" id="puzzlecanvas" width="1px" height="1px" tabindex="1"> + </canvas> + <div id="statusbarholder" style="display: block"> + </div> + <p> + Link to this puzzle: + <a id="permalink-desc">by game ID</a> + <a id="permalink-seed">by random seed</a> + </p> </div> <div id="apology"> Sorry, this Javascript puzzle doesn't seem to work on your web @@ -106,6 +100,7 @@ browser. Perhaps you have Javascript disabled, or perhaps your browser doesn't provide a feature they depend on. These puzzles have been successfully run in Firefox 19 and Chrome 25. </div> +</div> <hr> ${instructions} |