по-разному отображается страница

PEOP · December 24, 2008

вот код страницы, которая требуется:

————————————————————————————————————

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

<title>...::: Тестовая страничка. Почему по-разному отображается??? :::...</title>

html {width: 100%; height: 100%; padding: 0; margin: 0;}

body {width: 100%; height: 100%; padding: 0; margin: 0; background-color: #dedede; font-size: small; color: #000000; font-family: Verdana, Arial, sans-serif; text-align: justify;}

a:link, a:visited {color: #0000ff; text-decoration: underline;}

a:hover, a:active {color: #ff0000; text-decoration: none;}

.main {padding: 0px; margin: 0px; border-collapse: collapse; width: 100%; border: none;}

.maindiv {padding: 0px; border: none; margin-left: 50px; margin-right: 50px;}

.main td {padding: 0px; margin: 0px; border: none;}

.u_s_lt, .u_s_rt, .u_s_lb, .u_s_rb, .u_b_lt, .u_b_rt, .u_b_lb, .u_b_rb {height: 12px; width: 4px;}

.u_s_lt {background-color: #000000;}

.u_s_rt {background-color: #000000;}

.u_s_lb {background-color: #000000;}

.u_s_rb {background-color: #000000;}

.u_b_lt {background-color: #000000;}

.u_b_rt {background-color: #000000;}

.u_b_lb {background-color: #000000;}

.u_b_rb {background-color: #000000;}

.ms_t, .ms_b {height: 12px; width: 190px;}

.ms_l, .ms_r {width: 4px;}

.ms_t {background-color: #559900;}

.ms_b {background-color: #559900;}

.ms_l {background-color: #559900;}

.ms_r {background-color: #559900;}

.mb_t, .mb_b {height: 12px;}

.mb_l, .mb_r {width: 4px;}

.mb_t {background-color: #ff3333;}

.mb_b {background-color: #ff3333;}

.mb_l {background-color: #ff3333;}

.mb_r {background-color: #ff3333;}

.left, .right {width: 190px; color: #ffffff; vertical-align: top; text-align: center;}

.left {background-color: #8899ff;}

.right {background-color: #8899ff;}

.content {background-color: #7755dd; height: 300px; color: #ffffff; vertical-align: top; padding: 20px;}

.content a:link, a:active, a:visited {color: #00ff00; text-decoration: none;}

.content a:hover {color: #00aa00; text-decoration: underline;}

.tabl {padding: 0px; margin: 0px; border-collapse: collapse; border: none;}

.verh {margin: 0px; padding-left: 25px; padding-right: 10px; padding-top: 7px; padding-bottom: 7px; text-align: left; border: none; font-weight: bold; background: url(temp/cc.png) repeat-x top center;}

.iverh {margin: 0px; padding: 2px; border: none; font-size: xx-small; text-align: right; font-weight: bold; vertical-align: bottom; background: url(temp/icc.png) repeat-x top center;}

.open {margin: 0px; text-align: justify; padding: 5px; padding-top: 7px; padding-bottom: 7px; border: none; background: url(temp/ccc.png) center bottom repeat-x;}

img.nimg {border: none; margin: 0px; width: 200px; margin-right: 14px; margin-bottom: 7px;}

table.menu {width: 190px; font-size: 12pt; font-weight: bold; text-align: center; padding: 0px; margin: 0px; border: none;}

table.menu td {margin: 0px; margin-top: 2px; padding: 0px;}

a.amenu:link, a.amenu:visited {display: block; width: 100%; text-decoration: none; color: #111111; border: none; background-color: #e5e5ff; padding-top: 7px; padding-bottom: 7px;}

a.amenu:hover, a.amenu:active {display: block; width: 100%; text-decoration: none; color: #666666; border: none; background-color: #a3a3ff; padding-top: 7px; padding-bottom: 7px;}

table.dop {width: 176px; margin: 5px; margin-left: 7px; margin-right: 7px; padding: 0px; font-size: small; text-align: left; background-color: #000000; border: none; border-collapse: collapse;}

td.dopt {margin: 0px; padding-left: 7px; padding-right: 3px; padding-top: 3px; padding-bottom: 5px; text-align: left; border: 1px #646464 solid; border-bottom: none; font-weight: bold; color: #393939; background-color: #a2a2a2;}

td.dopi {margin: 0px; padding: 5px; border: 1px #646464 solid; border-top: 0px; background-color: #000000; color: #ffffff; font-style: italic;}

</style>

</head>

<body>

<tr>

</tr>

<tr>

<tr><td><a href="index.html" class="amenu">ПУНКТ1</a></td></tr>

<tr><td><a href="index.html" class="amenu">ПУНКТ2</a></td></tr>

<tr><td><a href="index.html" class="amenu">ПУНКТ3</a></td></tr>

<tr><td><a href="index.html" class="amenu">ПУНКТ4</a></td></tr>

<tr><td><a href="index.html" class="amenu">ПУНКТ5</a></td></tr>

</table>

</td>

<tr><td class="verh">ТЕКУЩЕЕ ОБНОВЛЕНИЕ</td><td class="iverh">дд.мм.гггг</td></tr>

<tr><td class="open" colspan="2"><img src="test" class="nimg" alt="здесь находится любое изображение шириной 200 пикселов. высота рассчитывается автоматически с целью сохранения пропорций данного графического файла">основная информация. основная информация размещается в этом месте на странице. основная информация. вся требуемая информация изображается в этом поле. основная информация. основная информация размещается в этом месте на странице. основная информация. вся требуемая информация изображается в этом поле. основная информация. основная информация размещается в этом месте на странице. основная информация. вся требуемая информация изображается в этом поле. основная информация. основная информация размещается в этом месте на странице. основная информация. вся требуемая информация изображается в этом поле. основная информация. основная информация размещается в этом месте на странице. основная информация. вся требуемая информация изображается в этом поле. основная информация. основная информация размещается в этом месте на странице. основная информация. вся требуемая информация изображается в этом поле. основная информация. основная информация размещается в этом месте на странице. основная информация. вся требуемая информация изображается в этом поле. основная информация. основная информация размещается в этом месте на странице. основная информация. вся требуемая информация изображается в этом поле. основная информация. основная информация размещается в этом месте на странице. основная информация. вся требуемая информация изображается в этом поле. основная информация. основная информация размещается в этом месте на странице. основная информация. вся требуемая информация изображается в этом поле. основная информация. основная информация размещается в этом месте на странице. основная информация. вся требуемая информация изображается в этом поле. </td></tr>

</table>

</td>

<tr><td class="dopt">дополнительно</td></tr>

<tr><td class="dopi">дополнительное поле. дополнительное поле. дополнительное поле. дополнительное поле. дополнительное поле. дополнительное поле.</td></tr>

</table>

</td>

</tr>

<tr>

</tr>

</table>

</div>

</body>

</html>

——————————————————————————————————————————————

В Интернет Эксплорере и в Мозилле смотрится почти так, как мне хотелось бы... потом отдельно спрошу по этому поводу. так вот в чем вопрос:

я установил денверовский пакет, создал пробный хост, залил ^^^^ЭТУ^^^^ страницу. далее, как и полагается, открыл ее, чтобы посмотреть.

и что я вижу..... вот какой ужас я вижу. ничего не понимаю почему отображается не моя страница, а ее кусок. вот код отображаемого в денвере документа:

——————————————————————————————————————————————-