Gaaah! CSS/iFrame nonsense!

[Django x2]

Hi all,

I've got a vimeo video embedded into a site and they use iframes. OK, I can work with that, but I have an issue. The iframe seems to be adding a margin. Either that, or my CSS / Divs are off.

part of the site in question:


Now, I want the shadow to appear closer to the bottom of the video.

HTML

                                                    <div id="iframe">    <iframe src="https://player.vimeo.com/video/135947476?color=ff9933&title=0&byline=0&portrait=0" width="1040" height="549" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen style="padding: 500px 0 0 -50px;"></iframe>
            <div class="shadow h030"></div>
            </div>

CSS

.shadow {
        position; absolute;
		background: #ffffff url("../_img/section-shadow.png") no-repeat 50% 0;
        margin-top: 0px;
	}

	.h030  { height:10px  !important; }
#iframe {
    width: 1040px;
    height: 549px;
}

 

[Hobbsie]

im no expert as im learning html/css but if you change the margin top to this .....


margin-top:-5px;



it will move upwards. hope thats the correct answer

 

[Django x2]

I'm actually now looking at box-shadow options in CSS.