Skip to content

Instantly share code, notes, and snippets.

@kanghyojun

kanghyojun/gist:1356907

Created November 11, 2011 01:48
Show Gist options
  • Save kanghyojun/1356907 to your computer and use it in GitHub Desktop.
Save kanghyojun/1356907 to your computer and use it in GitHub Desktop.
Download ZIP
3 Layout
Raw
gistfile1.txt
<html>
<head>
<style>
* {
margin:0; padding: 0;
}
#top {
width: 100%; height: 50px;
background: #f00;
float:left;
margin: 0; padding 0;
}
#right {
width: 20%; height: 100%;
min-width: 200px;
max-width: 20%;
right: 0;
top: 50px;
background: #0f0;
position: absolute;
}
#pad {
width: 80%; height: 100%;
max-width: 80%;
float: left;
background: #00f;
}
#main {
width: 100%; height: 100%;
background: #abc;
overflow: hidden;
}
</style>
</head>
<body>
<div id="main">
<div id="top">
Memo
</div>
<div id="pad">
hello
</div>
<div id="right">
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment