Glad you got it worked out. I want to mention that you might want to address class/id scheme. You need to get way to specific to get at the video-container; even on a site with very complex mark-up, I would consider that way to specific. If you ever want the same styling on a separate page, you'd have to make sure that you have an iframe, within an element with a class of 'video-container', that is within a div, that is within a div, that is within a div with an id if 'content'. Whoa.
csswizardry has an article on this: http://csswizardry.com/2012/05/keep-your-css-selectors-short/ On Wed, Sep 18, 2013 at 8:25 PM, Ron Zisman <ronzis...@me.com> wrote: > i think i got it…. > > that comma was the offender… would have never caught that. > > thanks to all > > ron > > On Sep 18, 2013, at 7:54 PM, Tim Arnold <tim.arn...@gmail.com> wrote: > > > On Wed, Sep 18, 2013 at 4:40 PM, Ron Zisman <ronzis...@me.com> 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%; > > } > > > > > > > > -- > > > > tim.arn...@gmail.com > > ______________________________________________________________________ > > css-discuss [css-d@lists.css-discuss.org] > > 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/ > > -- Chris Rockwell ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] 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/
