CODEWITHSUNDEEP
htmlcss
Michael Phelps
Michael Phelps

Reputation: 3601

<object> responsive width

In my fixed version site I have :

<object type="application/x-shockwave-flash" data="uppod.swf" width="560" height="370">

How do item tag <object> is responsive ? 

object{
    width:100%;
    max-height:100%;
}

It doesn't work .

How change attributes width="560" height="370" ?

Upvotes: 4

Views: 7968

Answers (2)

Said Kholov
Said Kholov

Reputation: 2486

Remove width and height attributes here: 

<object type="application/x-shockwave-flash" data="uppod.swf">

and in CSS:

object {
     width:100%;
     max-height:100%;
}

Upvotes: 7

Dropout
Dropout

Reputation: 13876

The HTML settings override CSS. Remove them from your HTML tag and set them only in CSS.

<object type="application/x-shockwave-flash" data="uppod.swf">

Upvotes: 2

Related Questions