div#content div appears to be over riding styles on .video-container 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 > > > > On Sep 18, 2013, at 3:10 PM, Chris Rockwell <ch...@chrisrockwell.com> wrote: > > Fitvids is a good solution if you're not worried about whether JavaScript is > available and/or you are trying to retrofit an old site with lots of videos > and don't want to mess with the markup. It just automates Thierry's > solution (i.e., it wraps your tags and applies necessary styles) > > > On Wed, Sep 18, 2013 at 2:53 PM, Nate Turnage <pixeln...@gmail.com> wrote: >> >> I know this list is CSS-centered, but you could always use: >> http://fitvidsjs.com/ >> >> >> On Wed, Sep 18, 2013 at 12:43 PM, Tom Livingston <tom...@gmail.com> wrote: >>> >>> I'm not seeing the css in the head as having any effect on the video >>> or it's wrapper for some reason. FireBug in FF 23.0.1. >>> >>> On Wed, Sep 18, 2013 at 1:41 PM, Chris Rockwell <ch...@chrisrockwell.com> >>> wrote: >>> > I use the last solution here: >>> > >>> > http://css-tricks.com/NetMag/FluidWidthVideo/Article-FluidWidthVideo.php >>> > which >>> > is taken from Thierry Koblentz' solution here: >>> > http://alistapart.com/article/creating-intrinsic-ratios-for-video >>> > >>> > >>> > On Wed, Sep 18, 2013 at 1:37 PM, Ron Zisman <ronzis...@me.com> wrote: >>> > >>> >> http://decal-bone.com/lab_stories.html >>> >> >>> >> i'm trying to embed a video from youtube and make it responsive. i'd >>> >> like >>> >> to make 100% of the center column; but i'm getting a miniature >>> >> version. >>> >> >>> >> css is in the head of the document. >>> >> >>> >> any help would be appreciated >>> >> >>> >> --ron >>> >> ______________________________________________________________________ >>> >> 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/ >>> >>> >>> >>> -- >>> >>> Tom Livingston | Senior Front-End Developer | Media Logic | >>> ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.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 > >
-- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.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/
