Попытка использовать CSS top свойство в SWF-файле, но оно не работает - PullRequest
Новая
       38

Попытка использовать CSS top свойство в SWF-файле, но оно не работает

0 голосов
/ 24 мая 2010

Я пытаюсь расположить свое приложение Flex так, чтобы оно было дальше по странице, но я не могу заставить его работать. Это все еще появляется в левом верхнем углу. Вот HTML, любая помощь будет принята с благодарностью! 

<html lang="en">
<head>
   <title>Page</title>
   <style type="text/css">
       body { margin: 0px; overflow: hidden; }
       #swf {top:50%;}
   </style>

   <script src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
   <script type="text/javascript">

   swfobject.embedSWF( "link_to_the_swf", "swf", "100%", "100%", "10.0.0", "playerProductInstall.swf", flashVars, params );
   </script>
</head>
<body scroll="no">

   <div id="swf">
      <p>Alternative content</p>
    </div>

</body>
</html>

РЕДАКТИРОВАТЬ: После прочтения этого сообщения я попытался обернуть swf div в другой и установить свойство top родительского div, но это не сработало.

Ответы [ 4 ]

1 голос
/ 24 мая 2010

Вы не можете использовать top в одиночку. Вам нужно дать div либо position: relative, либо использовать margin-top / padding-top.

0 голосов
/ 24 мая 2010

Попробуйте также дать телу рост.Что-то вроде тела {рост: 100%;}

0 голосов
/ 24 мая 2010

Попробуйте дать тело position: relative. Затем добавьте position: absolute (или relative я полагаю) к # swf

0 голосов
/ 24 мая 2010

top требует позиционирования, отличного от статического, что является значением по умолчанию. Попробуйте: 

#swf {position:relative; top:50%;}

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

#swf {margin-top: auto; margin-bottom: auto;}
...