Skip to content

Instantly share code, notes, and snippets.

@dcousineau

dcousineau/test_inner.html

Created April 28, 2015 13:33
Show Gist options
  • Save dcousineau/581c572bf5432e2f60e4 to your computer and use it in GitHub Desktop.
Save dcousineau/581c572bf5432e2f60e4 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
test_inner.html
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>IFrame Test (MB JJ)</title>
<style>
@media (min-width: 850px) {
.container { width: 100%; }
}
@media (min-width: 1056px) {
.container { width: 1056px; }
}
@media (min-width: 1262px) {
.container { width: 1282px; }
}
body {
overflow:hidden;
}
</style>
</head>
<body>
<div style="height: 57px; background:red;">Content</div>
<div class="container" style="margin-right: auto; margin-left: auto;">
<iframe src="http://getbootstrap.com/javascript/#modals-sizes" style="margin-right: auto; margin-left: auto; display: block; width: 100%; height: 1000px;" />
</div>
</body>
</html>
Raw
test_outer.html
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>IFrame Test (MB JJ)</title>
<style>
@media (min-width: 850px) {
.container { width: 100%; }
}
@media (min-width: 1056px) {
.container { width: 1056px; }
}
@media (min-width: 1262px) {
.container { width: 1282px; }
}
</style>
</head>
<body>
<iframe src="./test_inner.html" style="margin-right: auto; margin-left: auto; display: block; width: 100%; height: 1000px; width:800px;" />
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment