<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width,target-densitydpi=devi
ce-dpi,user-scalable=no,initial-scale=1.0">
<title> 'Fixed' position toolbars </title>
<style type="text/css">
<!--
.visibleDiv, #topLeft, #topRight, #bottomLeft, #bottomRight
{
position: fixed;
width: 150px;
border: solid 1px #e1e1e1;
vertical-align: middle;
background: #ffdab9;
text-align: center;
}
#topLeft
{
top: 10px;
left: 10px;
}
#topRight
{
top: 10px;
right: 10px;
}
#bottomLeft
{
bottom: 10px;
left: 10px;
}
#bottomRight
{
bottom: 10px;
right: 10px;
}
//-->
</style>
</head>
<body>
<div id="topLeft">
Top Left
</div>
<div id="topRight">
Top Right
</div>
<div id="bottomLeft">
Bottom Left
</div>
<div id="bottomRight">
Bottom Right
</div>
<div style="height: 2000px; text-align: center; vertical-align: middle;">
<p>
Always visible sample</p>
</div>
</body>
</html>
