Membuat Toolbar yang freeze di bawah

BY IN Javascript Comments Off on Membuat Toolbar yang freeze di bawah

<!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” lang=”en”>
<head>
<meta http-equiv=”Content-type” content=”text/html; charset=utf-8″ />
<title></title>

<link type=”text/css” rel=”stylesheet” href=”master-siomai.css” />

<style type=”text/css” media=”screen”>
html { height: 100%; }

body { height: 100%; }

#wrapper { position: relative; min-height: 100%; }

* html #wrapper { height: 100%; }

#content { padding-bottom: 25px; }

#toolbar_outer { bottom:0; color:#111111; font-size:11px; height:25px; padding:0; position:fixed; right:0; width:100%; z-index:99; }
#toolbar_outer { position: relative; margin-top: -26px; }

#toolbar {
background:#aaa;
border-right:1px solid #b5b5b5;
overflow:visible !important;
margin-left:15px;
margin-right:15px;
position:relative;
}

#toolbar ul { height: 25px; background: #e5e5e5; border-top: 1px solid #eee; border-left: 1px solid #ddd; }
#toolbar ul li { float: left; padding: 5px; font: normal 110% ‘lucida grande’, tahoma, verdana, arial; border-right: 1px solid #aaa;}

</style>

</head>

<body>
<div id=”wrapper”>
<div id=”content”>
Hello
</div>
</div>
<div id=”toolbar_outer”>
<div id=”toolbar”>
<!– Toolbar –>
<ul>
<li>Applications</li>
<li>testing</li>
</ul>

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




Comments are closed.