Forums

  • # March 5, 2013 at 12:00 pm

    I would like to have my embedded video span the width of the wrapper. Within the wrapper is a div called main-column that is keeping everything 40px away from the edge of the wrapper. So, when I embed a Vimeo video into a page, it naturally crops the video to be 880px rather than the desired full 960px. Is this something that can be fixed with overflow? I am really not sure. Here is the website, if you want to give it a looksy. Thank you in advance!

    # March 5, 2013 at 12:08 pm

    Check out fitvid.js (http://css-tricks.com/fitvids-js/)

    EDIT: Oh…and this…http://css-tricks.com/rundown-of-handling-flexible-media/

    # March 5, 2013 at 12:12 pm

    Just a suggestion that is unrelated to the question, you shouldn’t use text shadows on body copy. That creates legibility issues.

    Anyway, I agree with Paulie.

    # March 5, 2013 at 12:16 pm

    >Anyway, I agree with Paulie.

    FTW! :)

    # March 5, 2013 at 1:04 pm

    You could either break up the wrapper or use absolute positioning.

    The problem is that the h2’s don’t look like headings. Headings are/should be much shorter with just a summary and it doesn’t have to be a complete sentence. What I see is paragraph text. But yes, I would lose it.

    # March 5, 2013 at 1:08 pm

    remove the overflow from #main-column and add a left margin of -40px to the iframe

    # March 5, 2013 at 1:40 pm

    I didn’t say it wasn’t legible, I was trying to make a point that it makes it less legible. Regardless, I don’t think text shadow works there.

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.

icon-anchoricon-closeicon-emailicon-linkicon-logo-staricon-menuicon-nav-guideicon-searchicon-staricon-tag