DOCTYPE html PUBLIC DTD XHTML 1.0 Transitional - PullRequest
Новая
       20

DOCTYPE html PUBLIC DTD XHTML 1.0 Transitional

2 голосов
/ 11 ноября 2010

На моей главной странице есть строка выше 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Но почему у меня проблемы?

На странице содержимого я встраиваю объект SWF 

var flashvars = {xmlPath: "xml/" + GetQueryString("x") + ".xml" };
  var params = { allowFullScreen: "true", wmode: "transparent" };
  var attributes = {};
  swfobject.embedSWF("main.swf", "gallery", "100%", "100%", "9.0.0", "expressInstall.swf", flashvars, params, attributes);

Если я закомментирую «строку» DOCTYPE, объект SWF заполняет экран (как и должно быть). Если я НЕ закомментирую строку «DOCTYPE», объект SWF заполняется только в горизонтальном направлении.

Так что здесь происходит? Могу ли я иметь как DOCTYPE, так и объект SWF, выложенный плиткой как в вертикальном, так и в горизонтальном направлении?

ОБНОВЛЕНИЕ: А вот CSS, который применяется без успеха 

<style type="text/css">
*{
margin:0;
padding:0;
}
html, body, #gallery { background: #EFEFEF; height:100%; }
body { margin:0; padding:0; overflow:hidden; }
</style>

ДРУГОЕ ОБНОВЛЕНИЕ: В Chrome он отлично работает, в Internet Explorer SWF заполняет 20% экрана и размещается в верхней части страницы и, наконец, в Firefox, ничего не отображается.

1 Ответ

3 голосов
/ 11 ноября 2010

В стандартном режиме, если вы хотите, чтобы статически позиционированный элемент был такой же высоты, что и область просмотра, он и все его предки (потенциально включая body и html) должны иметь CSS height: 100%. Высота 100% относится к размеру родительского элемента, и если родительский элемент не имеет явной высоты, проценты не имеют смысла.

Если вы хотите, чтобы абсолютно позиционированные элементы имели ту же высоту, что и окно просмотра, то они были бы такими же, но с позиционированными содержащими блоками вместо каждого элемента. Этот случай обычно проще, так как между окном просмотра и элементом не может быть никаких блоков.

В режиме «Причуды» (то, что вы получаете при удалении типа документа), height: 100% часто дает другой эффект, среди многих, как правило, менее полезных ошибок.

...