読者です 読者をやめる 読者になる 読者になる

ニコニコ大百科不具合報告用テストケース

ニコニコ動画

tableにalign属性とmarginが同時に指定されているとき,IEとそれ以外で表示が異なる事がある。
ニコニコ大百科では,

table { margin: 0; }

という指定がされているので,tableのalign属性がIE以外のブラウザでは実質的に意味を成さない。
以下,テストケース。margin: 0;を指定した表と,何も指定していない表の比較です。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
 "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title>Test Case</title>
<style>
.margin-0 {
  margin: 0;
}
</style>
</head>
<body>

<table width="100" border="1" align="center" class="margin-0">
<caption>マージンが0</caption>
<tr>
<td>hogehoge</td><td>fugafuga</td>
</tr>
</table>

<table width="100" border="1" align="center">
<caption>マージン無指定</caption>
<tr>
<td>hogehoge</td><td>fugafuga</td>
</tr>
</table>
</body>
</html>
IE7
Firefox 3.0
Opera 9.5.1
Safari 3.1.2