Jump to content
  • 0

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


PEOP
 Share

Question

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

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

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

<html>

<head>

<meta http-equiv="Content-Type" content="text/html;charset=utf-8">

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

<style type="text/css">

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>

<div class="maindiv">

<table class="main" cellpadding="0" cellspacing="0">

<tr>

<td class="u_s_lt"></td>

<td class="ms_t"></td>

<td class="u_b_lt"></td>

<td class="mb_t"></td>

<td class="u_b_rt"></td>

<td class="ms_t"></td>

<td class="u_s_rt"></td>

</tr>

<tr>

<td class="ms_l"></td>

<td class="left">

<table class="menu">

<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>

<td class="mb_l"></td>

<td class="content">

<table class="tabl">

<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>

<td class="mb_r"></td>

<td class="right">

<table class="dop">

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

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

</table>

</td>

<td class="ms_r"></td>

</tr>

<tr>

<td class="u_s_lb"></td>

<td class="ms_b"></td>

<td class="u_b_lb"></td>

<td class="mb_b"></td>

<td class="u_b_rb"></td>

<td class="ms_b"></td>

<td class="u_s_rb"></td>

</tr>

</table>

</div>

</body>

</html>

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

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

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

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

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

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

<html>

<head>

<meta http-equiv="Content-Type" content="text/html;charset=utf-8">

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

<style type="text/css">

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>

<div class="maindiv">

<table class="main" cellpadding="0" cellspacing="0">

<tr>

<td class="u_s_lt"></td>

<td class="ms_t"></td>

<td class="u_b_lt"></td>

<td class="mb_t"></td>

<td class="u_b_rt"></td>

<td class="ms_t"></td>

<td class="u_s_rt"></td>

</tr>

<tr>

<td class="ms_l"></td>

<td class="left">

<table class="menu">

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

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

Первоначально я подумал, что страницу не мешало бы проверить валидатором. Так вот, как ни странно, ответ валидатора:

This document was successfully checked as HTML 4.01 Strict!

Затем я отдельно проверил стили:

Congratulations! No Error Found.

This document validates as CSS level 2.1 !

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

Кто может подсказать в чем и почему возникает такая проблема? Спасибо заранее. =)

Link to comment
Share on other sites

12 answers to this question

Recommended Posts

  • 0

у человека Денвер, он даже не знает наверное что такое httpd.conf и hosts

запустила вашу штуку под нормальным сервером, все работает

поступило предположение, что где-то стоит настройка на максимальную длину документа :unsure: лично я о таком никогда не слышала.

все валидаторы зеленые.

Link to comment
Share on other sites

  • 0

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;}

:unsure:

Link to comment
Share on other sites

  • 0

:unsure::) :) Суть такова:

Человек встрочку описал кучу класов, и дал им какие то стили) потом те же класы взял и перевисал встолбик, и задал каждом цвет фона) оригинально, правда?

Link to comment
Share on other sites

  • 0
А точно все переписалось как надо?

Фалы побайтово идентичны?

да. абсолютно.

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;}

:)

вообще-то на месте одинаковых цветов там разные фоны будут. не буду же я здесь это выкладывать. тем более к вопросу это никакого отношения не имеет.

ну вдруг потом ему понадобится сменить цвета фона для них всех? или куски картинки в бекграунд :)

про куски картинки вы угадали, Юлия. =)

Link to comment
Share on other sites

  • 0
Ну может кто-нибудь знает хотя бы что-то для решения этой проблемы......... ???????? ммммммм???????

Ни у кого не встречалось подобной.

Начни с простого - переустанови денвер с начала.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy