Surfline

Surf Forecast Widget

by surfershot

HTML

<div id="container">
  <div id="outerdiv">
    <iframe id="innerdiv" width="100%" height="500" src="https://www.surfline.com/surf-report/the-point-at-san-onofre/5842041f4e65fad6a7708831" scrolling="no" frameborder="0"></iframe>
  </div>
</div>

CSS

#container {
  width: 100%;
  height: 500px;
  margin: auto;
}

#outerdiv {
  width: 100%;
  height: 420px;
  overflow: hidden;
  position: relative;
}

#innerdiv {
  position: absolute;
  top: -265px;
  left: 0px;
  width: 100%;
  height: 2000px;
}