Javascript ファイルと CSS ファイルを含む Web ページがあります。Web サイトは IE7 では正常に動作しますが、IE8 では位置がずれ、すべてのボタンがあちこちにあります。ネイティブ C++ アプリケーションを介して実行されるため、リンクを投稿できません。
HTML:
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="x-ua-compatible" content="IE=8"/>
<meta name="generator" content="HTML Tidy for Windows (vers 15 August 2007) www.w3.org" />
<!-- specific scripts -->
<script type="text/javascript" src="$SOURCE_DIR$/js/care.js"></script>
<script type="text/javascript">
var m_criterionJSON = '$CRITERION$';
</script>
<script type="text/javascript">
var content = '$SOURCE_DIR$';
</script>
<!-- debugging tools -->
<!-- <script type='text/javascript' src='https://getfirebug.com/firebug-lite.js'></script> -->
<!-- css files -->
<link rel="stylesheet" type="text/css" href="$SOURCE_DIR$/css/care.css" />
<title></title>
</head>
<body onload="javascript:load();if (_loadTimer) _loadTimer.Stop();">
</body>
</html>
ダイアログの JAVASCRIPT サンプル:
create: function createDialog(person) {
this.width = Math.round(Care.body.width() * .7);
this.container = $(document.createElement("div"));
this.container.addClass("dialog-container");
this.dialog = $(document.createElement("div"));
this.dialog.addClass("dialog");
var html = '<table class="dialog-table">';
html += this.createTitle();
html += this.createSelect();
html += this.createContent(person);
html += '</table>';
this.dialog.append(html);
this.select = $($(this.dialog.children()[0].rows[1].cells[0]).children()[1]);
this.content = $(this.dialog.children()[0].rows[2].cells[0]);
this.table = $($(this.content.children()[0]).children()[0]);
this.createButtons();
this.container.append(this.dialog);
CSS スニペット:
.dialog-container {top:0px; z-index:101; position:absolute; height:100%; text-align:center; }
.dialog-table {position:relative; padding:0px; margin: 0px; border:0px;}