On Wed, Sep 18, 2013 at 4:40 PM, Ron Zisman <[email protected]> wrote:
> guys, thanks, but i'm pretty thick
> i've tried a few times with no success.
>
> here's the page: http://decal-bone.com/lab_stories.html
>
> the video lives in the center column under the text
>
> html for the vid:
>
> <div class="video-container">
> <iframe width="640" height="480"
> src="//www.youtube.com/embed/wbIe9tXo5wM" frameborder="0"
> allowfullscreen=""></iframe>
> </div>
>
> css in the style sheet:
>
> .video-container {
> position: relative;
> padding-bottom: 56.25%;
> padding-top: 30px; height: 0; overflow: hidden;
> }
>
> .video-container iframe,
> .video-container object,
> .video-container embed {
> position: absolute;
> top: 0;
> left: 0;
> width: 100%;
> height: 100%;
> }
>
>
> don't see where i'm messing up. insight appreciated
>
> ron
>
>
>
Get rid of that comma at the end of this rule. I would have thought
it would still work, but it's definitely not being applied and when I
add the same rule without the comma, things happen.
div#content div div .video-container iframe, {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
--
[email protected]
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
