IE FireFoxの表示について
-
0 名前: たか : 2007/02/20(火) 09:56 ID:RYpN48Kf sub-99
- IE6及びFireFox2で同様の画面を出力しようとしていますが、表示される内容がブラウザによって異なってしまいました。
サンプルのソースを以下に記述しますので、変だと思われる箇所を指摘していただければと思います。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" >
<head>
<META http-equiv="Content-Script-Type" content="text/javascript">
<title>Table:sample</title>
<style type="text/css">
body {
margin :0px;
padding:0px;
color :#000000;
cursor :default;
}
div {
margin :0px;
padding:0px;
}
table{
margin :0px;
}
tr {
height:22px;
}
td {
font-family:'MS ゴシック';
font-size :11pt;
}
.input {
font-family:'MS ゴシック';
font-size :11pt;
margin :0px;
padding :0px;
height :20px;
}
</style>
</head>
<body>
<form name="a" method="POST">
<div id="id_a">
<table border="1" cellpadding="0" cellspacing="0">
<tr align="center">
<td width=" 39">A</td>
<td width="143">B</td>
<td width="273">C</td>
<td width="481">D</td>
</tr>
</table>
</div>
<div id="id_b">
<div style="height:98px; width:963px; overflow-y:scroll;">
<table border="1" cellpadding="0" cellspacing="0">
<tr>
<td align="center" width=" 39"><input type="radio" class="input" name="r1" value="1"></td>
<td align="left " width="143">12345678</td>
<td align="left " width="273">12345678</td>
<td align="left " width="481">12345678</td>
</tr>
<tr>
<td align="center" width=" 39"><input type="radio" class="input" name="r1" value="1"></td>
<td align="left " width="143">12345678</td>
<td align="left " width="273">12345678</td>
<td align="left " width="481">12345678</td>
</tr>
<tr>
<td align="center" width=" 39"><input type="radio" class="input" name="r1" value="1"></td>
<td align="left " width="143">12345678</td>
<td align="left " width="273">12345678</td>
<td align="left " width="481">12345678</td>
</tr>
<tr>
<td align="center" width=" 39"><input type="radio" class="input" name="r1" value="1"></td>
<td align="left " width="143">12345678</td>
<td align="left " width="273">12345678</td>
<td align="left " width="481">12345678</td>
</tr>
<tr>
<td align="center" width=" 39"><input type="radio" class="input" name="r1" value="1"></td>
<td align="left " width="143">12345678</td>
<td align="left " width="273">12345678</td>
<td align="left " width="481">12345678</td>
</tr>
</table>
</div>
</div>
</form>
</body>
</html>
-
1 名前: K+S : 2007/02/20(火) 09:56 ID:nROqylMa sub-YS
- 何が正常で何が変なのか判断できません。
どちらのブラウザでの表示が理想形なのか、どのような表示の差異があるのかを具体的に示してください。
これだけで言えることは、文書型宣言に対して文法が不正です。
-
2 名前: たか : 2007/02/20(火) 09:56 ID:RYpN48Kf sub-99
- 表示される枠のheightが違うのか、id_bの表示出来る行が違っているんです。
-
3 名前: key-child : 2007/02/20(火) 09:56 ID:8GUFlW2K sub-DR
- IE独自拡張の為
http://www.tagindex.com/stylesheet/box/overflow2.html