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/25th-st-/584204214e65fad6a7709d14" scrolling="no" frameborder="0"></iframe>
  </div>
</div>

CSS

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

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

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