Now i am working in a wordpress website. My target is embedding only fixture as the image from below link,
. i have done it by using this code.
<div id="container">
<iframe id="embed" src="http://full-time.thefa.com/ListPublicFixture.do?divisionseason=452634486&league=8880379" scrolling="yes"></iframe>
div#container{
width:1000px !important;
height:330px;
overflow:hidden;
-webkit-resize:none;
-moz-resize:none;
resize:none;
position: relative;
}
It is okay but problem happen when i select the any team for target link and copy the new link for embedding this new fixture. Problem is " showing extra area with fixture because my iframe container height is fixed. Now i want to do something for my idea. idea is: i don't want to change css style, it will fixed. just i replace the embed link in iframe to show the new fixture with its own height with responsive and without showing any extra area.enter image description here