DOCTYPE html PUBLIC DTD XHTML 1.0 Переходный

На моей главной странице существует вышеуказанная строка

<!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 ничего не отображается.


visual-studio-2010 asp.net doctype flash xhtml-transitional
person OrElse    schedule 10.11.2010    source источник

Ответы (1)


arrow_upward
3
arrow_downward

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

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

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

person bobince    schedule 10.11.2010
comment
Здравствуйте, спасибо за ваш ответ. Не могли бы вы проверить обновление, которое я разместил? Я просто не могу понять, что я делаю неправильно здесь. - person OrElse; 11.11.2010