Skip to content

Instantly share code, notes, and snippets.

@ghinch

ghinch/grids-test.html

Created March 25, 2011 17:13
Show Gist options
  • Save ghinch/887203 to your computer and use it in GitHub Desktop.
Save ghinch/887203 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
grids-test.html
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Grid Test</title>
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.3.0/build/cssreset/reset-min.css">
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.3.0/build/cssgrids/grids-min.css">
<style type="text/css">
#shell {
width:100%;
height: 800px;
}
.yui3-g {
height: 100%;
}
.yui3-u {
height: 100%;
}
#left-col {
width: 200px;
background-color: #f00;
}
#center-col {
width: 100%;
background-color: #0f0;
}
#right-col {
width: 300px;
background-color: #00f;
}
</style>
</head>
<body>
<div id="shell">
<div class="yui3-g">
<div id="left-col" class="yui3-u">
foo
</div>
<div id="center-col" class="yui3-u">
bar
</div>
<div id="right-col" class="yui3-u">
baz
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment