evet tam olarak yapmak istedigim buydu;
çok teşekkürler JustGo +REP
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8"/>
<title>Position Fixed</title>
<style type="text/css">
* { margin:0; padding: 0; }
#wrapper { margin: 0 auto; width: 980px; }
.content { padding: 10px; color: white; background: fuchsia; border-bottom: 5px solid gray; }
.content p { margin: 5px 0; }
#fixedlayer { position: fixed; bottom: 0; padding: 15px; background: white; width: 950px; border-top: 3px solid blue; text-align: center; z-index:100; } #fixedtop { position: fixed; top: 0; padding: 15px; background: white; width: 950px; border-top: 3px solid red; border-bottom: 3px solid red; text-align: center; z-index:999; }
</style>
</head>
<body>
<div id="wrapper"> <div id="fixedtop">
<h3>Lorem ipsum dolor sit amet</h3>
</div> <div class="content">
<h1><em>Im title.</em></h1>
<p><strong>Im description, say hello.</strong></p>
<p>Lorem ipsum dolor sit amet... ... nulla vel massa bibendum a viverra diam pellentesque. Vestibulum pellentesque aliquet porttitor.</p>
</div><!--[if !IE]>content<![endif]-->
<div id="fixedlayer"><h3>Im fixed, im happy.</h3></div>
</div><!--[if !IE]>wrapper<![endif]-->
</body>
</html>