DOCTYPE останавливает мой показ - PullRequest
Новая
       9

DOCTYPE останавливает мой показ

1 голос
/ 05 июля 2010

У меня есть следующий код, который, как и ожидалось, показывает серый прямоугольник как в Firefox, так и в IE.Как только я добавляю DOCTYPE (HTML 4.01 Transitional) впереди, он показывает только пустую страницу.Валидатор онлайн говорит, что с документом все в порядке.Что случилось?Должен ли я заботиться о DOCTYPE? 

<html>
<head>
  <title>Title</title>
  <meta http-equiv="content-type" content="text/html;charset=utf-8">
  <style type="text/css">
   #gallery
    {
      width:750;
      height:548;
      background-color: #f0f0f0;
    }
  </style>
</head>
<body>
<div id="gallery">
</div>
</body>
</html>

Ответы [ 4 ]

6 голосов
/ 05 июля 2010

Вам необходимо указать единицы измерения для вашей ширины и высоты.Я предполагаю, что вы собираетесь для пикселей так: 

#gallery
{
  width: 750px;
  height: 548px;
  background-color: #f0f0f0;
}
3 голосов
/ 05 июля 2010

Вы не указали единицы измерения для атрибутов высоты и ширины в своем CSS.Без DOCTYPE браузер попытается отобразить страницу как можно лучше (режим QUIRKS), в вашем случае я думаю, что он, вероятно, угадал правильные единицы измерения.Добавив DOCTYPE, вы сказали браузеру следовать очень специфическому набору инструкций при отображении страницы - не нужно догадываться, что вам нужны пиксели вместо процентов.

2 голосов
/ 05 июля 2010

Определение высоты и ширины должно быть в пикселях, em или процентах, например: 

width: 750px;
height: 548px;
2 голосов
/ 05 июля 2010

Ваш CSS содержит ошибки. 

  width:750px;   /*  PX!! */
  height:548px;  /*  PX!! */

Затем добавьте тип документа. 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
            "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <title>Title</title>
  <meta http-equiv="content-type" content="text/html;charset=utf-8">
  <style type="text/css">
   #gallery
    {
      width:750px;
      height:548px;
      background-color: #f0f0f0;
    }
  </style>
</head>
<body>
<div id="gallery">
</div>
</body>
</html>​
...