Clever Geek Handbook

How can I set the height of an Html object to be the same as the height of the window?

I have a Flash object embedded in my page and it needs to act as a background animation. I have a problem setting the height of an object element because firefox doesn't understand the value of height = "100%".

<object classid="my_class_id" width="100%" height="100%" id="my_id">

<blaa blaa />

</object>
+2


source to share


2 answers


Look at the source of the example markup.



Fullscreen Flash as an example BG

+1


source


You need to set the height body

and html

100%. Otherwise, your object does not have a height parent and cannot use a proxy value to set the height.



html, body {
  height: 100%;
}
0


source






More articles:


All Articles