Web Development

From The World according to Vissie
Jump to navigation Jump to search

Responsive iframe

vim: /etc/acpi/lid.sh
<!DOCTYPE html>
<html>
<head>
  <style type="text/css">
.frame-area {
  display: block;
  width: 100%;  /* RESPONSIVE WIDTH */
  max-width: 1600px;
  height: 600px;
  overflow: auto;  /* EDIT TO hidden FOR NO SCROLLBAR */
  border: #999999 1px solid;
  margin: 0px;
  padding: 0px;
  }
  </style>
  <title></title>
 
</head>

<body>
  <h1>Responsive iframe</h1>
<iframe name="Framename" src="http://vissie.com" width="400" height="200" frameborder="0" scrolling="auto" class="frame-area">
</iframe>
</body>
</html>