در این روش ، از طریق CSS ما Box می سازسم که در حالت Position:absolute موقعیت ثابت در صفحه می گیره و با حرکت ScrollBar موقعیت او عوض نمیشه!!!! من در Opera 7.6 , Netscape 7.0 , FirefOx 2.0 امتحان کردم جواب داد، متاسفانه در IE 6.0 جواب نداد! باز هم IE متفاوت از دیگران، من IE 7.0 رو PC ندارم، دوستانی که دارند امتحان کنند که کد ها به درساتی انجام میشه یا نه؟ و نتیجه رو اعلام کنند.
کد HTML:
<style type="text/css">
/* <![CDATA[ */
body {
margin: 0;
padding: 1em 12em 1em 2em;
}
#menu {
position: fixed;
_position:absolute;
top: 1em; right: 1em; width: 10em;
margin: 0;
background: yellow;
}
/* ]]> */
</style>
]
اینم کد BODY
کد HTML:
<h1>Position:fixed Example</h1>
<p id="menu">This box has 'position:fixed', fixed to 'absolute' in Windows MSIE</p>
<p><a href="http://download.echessdesign.com/template">Download free web site template 2006</a></p>
<p><a href="http://download.echessdesign.com">FREE Download mambo, joomla,..</a></p>
<p><a href="http://javascript.echessdesign.com">FREE Javascript source</a></p>
<p><a href="http://download.echessdesign.com/template">Download free web site template 2006</a></p>
<p><a href="http://download.echessdesign.com">FREE Download mambo, joomla,..</a></p>
<p><a href="http://javascript.echessdesign.com">FREE Javascript source</a></p>
<p><a href="http://download.echessdesign.com/template">Download free web site template 2006</a></p>
<p><a href="http://download.echessdesign.com">FREE Download mambo, joomla,..</a></p>
<p><a href="http://javascript.echessdesign.com">FREE Javascript source</a></p>
<p><a href="http://download.echessdesign.com/template">Download free web site template 2006</a></p>
<p><a href="http://download.echessdesign.com">FREE Download mambo, joomla,..</a></p>
<p><a href="http://javascript.echessdesign.com">FREE Javascript source</a></p>
<p><a href="http://download.echessdesign.com/template">Download free web site template 2006</a></p>
<p><a href="http://download.echessdesign.com">FREE Download mambo, joomla,..</a></p>
<p><a href="http://javascript.echessdesign.com">FREE Javascript source</a></p>
<p><a href="http://download.echessdesign.com/template">Download free web site template 2006</a></p>
<p><a href="http://download.echessdesign.com">FREE Download mambo, joomla,..</a></p>
<p><a href="http://javascript.echessdesign.com">FREE Javascript source</a></p>
<p><a href="http://download.echessdesign.com/template">Download free web site template 2006</a></p>
<p><a href="http://download.echessdesign.com">FREE Download mambo, joomla,..</a></p>
<p><a href="http://javascript.echessdesign.com">FREE Javascript source</a></p>
<p><a href="http://download.echessdesign.com/template">Download free web site template 2006</a></p>
<p><a href="http://download.echessdesign.com">FREE Download mambo, joomla,..</a></p>
<p><a href="http://javascript.echessdesign.com">FREE Javascript source</a></p>
<p><a href="http://download.echessdesign.com/template">Download free web site template 2006</a></p>
<p><a href="http://download.echessdesign.com">FREE Download mambo, joomla,..</a></p>
<p><a href="http://javascript.echessdesign.com">FREE Javascript source</a></p>
<p><a href="http://download.echessdesign.com/template">Download free web site template 2006</a></p>
<p><a href="http://download.echessdesign.com">FREE Download mambo, joomla,..</a></p>
<p><a href="http://javascript.echessdesign.com">FREE Javascript source</a></p>
