cykod · March 25, 2013 12:58
diff --git a/gistfile1.html b/gistfile1.html
 <!DOCTYPE HTML>
 <html lang="en">
 <head>
  <meta charset="UTF-8">
  <title></title>
  <style>
    html, body  {
      margin:0px;
      padding:0px;
      width:100%;
      height:100%;
    }

    .container  {
      position:absolute;
      width:100%;
      height:100%;
    }

    #container1 {  background-color:green; left:0%; }
    #container2 {  background-color:red; left:100%; }
    #container3 {  background-color:blue; left:200% }
        
    .positioned {
      text-align:center;
      position:absolute;
      width:100%;
      top:40%;
    }

  </style>
 </head>
 <body>
    <div class='container' id='container1'>
      <div class='positioned'>
        <h1>Here's some content</h1>
      </div>
    </div>  
    <div class='container' id='container2'>

    </div>  
    <div class='container' id='container3'>

    </div>  
 </body>
 </html>
	<!DOCTYPE HTML>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title></title>
	<style>
	html, body {
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
	}

	.container {
	position:absolute;
	width:100%;
	height:100%;
	}

	#container1 { background-color:green; left:0%; }
	#container2 { background-color:red; left:100%; }
	#container3 { background-color:blue; left:200% }

	.positioned {
	text-align:center;
	position:absolute;
	width:100%;
	top:40%;
	}

	</style>
	</head>
	<body>
	<div class='container' id='container1'>
	<div class='positioned'>
	<h1>Here's some content</h1>
	</div>
	</div>
	<div class='container' id='container2'>

	</div>
	<div class='container' id='container3'>

	</div>
	</body>
	</html>