Skip to content

Instantly share code, notes, and snippets.

@speedmax

speedmax/gist:14293

Created October 2, 2008 06:40
Show Gist options
  • Save speedmax/14293 to your computer and use it in GitHub Desktop.
Save speedmax/14293 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<link rel="stylesheet" href="http://www.blueprintcss.org/blueprint/screen.css" type="text/css" media="screen, projection">
<link rel="stylesheet" href="http://www.blueprintcss.org/blueprint/print.css" type="text/css" media="print">
<!--[if lt IE 7]><link rel="stylesheet" href="http://www.blueprintcss.org/blueprint/ie.css" type="text/css" media="screen, projection"><![endif]-->
<![if lt IE 7]>
<style type="text/css">
div#floating {
position: absolute;
left: expression( ( 20 + ( x = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
top: expression( ( 10 + ( y = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
</style>
<![endif]>
<style>
#header {
height:60px;border:1px solid red
}
#sidebar {
position:relative;
height:300px;background:black
}
#floating {
position:fixed; height:20px; width:20px;
}
</style>
</head>
<body id="weblog">
<div class="container">
<div id="header"></div>
<div class="span-20" style="background:red"></div>
<div id="sidebar" class="span-4 last">
<div id="floating" style="">
haha
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment