daily pastebin goal
62%
SHARE
TWEET

Embed Responsive Google Maps and Calendars

putuebo Nov 18th, 2013 56 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. -------------------------------------------------------------------------------------------------
  2. CSS:
  3. -------------------------------------------------------------------------------------------------
  4.  
  5. /* Responsive iFrame */
  6.  
  7. .responsive-iframe-container {
  8.     position: relative;
  9.     padding-bottom: 56.25%;
  10.     padding-top: 30px;
  11.     height: 0;
  12.     overflow: hidden;
  13. }
  14.  
  15. .responsive-iframe-container iframe,  
  16. .vresponsive-iframe-container object,  
  17. .vresponsive-iframe-container embed {
  18.     position: absolute;
  19.     top: 0;
  20.     left: 0;
  21.     width: 100%;
  22.     height: 100%;
  23. }
  24.  
  25. -------------------------------------------------------------------------------------------------
  26. HTML :
  27. -------------------------------------------------------------------------------------------------
  28.  
  29. <!-- Responsive iFrame -->
  30. <div class="responsive-iframe-container">
  31.     [... iframe code]
  32. </div>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top