Search code examples
iframetwitterresponsive-designtimelinefluid-layout

How to set up twitter's embedded timeline width in percentage (responsive/fluid design)


I'm looking to set up twitter's embedded timeline, it's quite easy when you're having a fixed design, but that's not my case and I'm actually building a fluid and responsive design for a new website.

My question is, how can I set up twitter's embedded timeline with a fluid width since its an iframe and you're supposed to set up the with in px in your twitter account ?

Thanks :)


Solution

  • Thanks to all of you I found my way through: It was almost as lack said, but we had to focus on the iframe instead:

    .MyClassForTheDivThatContainTheiFrame iframe{
        width:100%;
    }
    

    of course .MyClassForTheDivThatContainTheiFrame is also fluid with a % width