• 29-10-2009, 11:29:11
    #1
    Aşağıdaki kodlarla sitemin üst kısmında sarı bir bilgi çubuğu çıkarıyorum ancak bu çubuk en üstte sabit kalmıyor sayfayı aşağıya sürükledikçe sayfayla birlikte aşağıya doğru kayıyor

    ve bu yüzden sitedeki okunabilirliği azaltıyor

    bu konuda o sarı bilgi çubuğunun sadece en üstte kalmasını hangi kodu çıkarmamı yada eklememiz sağlar yardımcı olur musunuz ?

    şimdiden teşekkürler

    <style type="text/css">
    
    #informationbar{
    position: fixed;
    left: 0;
    width: 100%;
    text-indent: 5px;
    padding: 5px 0;
    background-color: lightyellow;
    border-bottom: 1px solid black;
    font: bold 12px Verdana;
    }
    
    * html #informationbar{ /*IE6 hack*/
    position: absolute;
    width: expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px" : body.clientWidth+"px");
    }
    
    </style>
    
    <script type="text/javascript">
    
    /***********************************************
    
    * Animated Information Bar- by JavaScript Kit (www.javascriptkit.com)
    * This notice must stay intact for usage
    * Visit JavaScript Kit at http://www.javascriptkit.com/ for this script and 100s more
    
    ***********************************************/
    
    function informationbar(){
    	this.displayfreq="always"
    	this.content='<a href="javascript:informationbar.close()"><img src="close.gif" style="width: 14px; height: 14px; float: right; border: 0; margin-right: 5px" /></a>'
    }
    
    informationbar.prototype.setContent=function(data){
    	this.content=this.content+data
    	document.write('<div id="informationbar" style="top: -500px">'+this.content+'</div>')
    }
    
    informationbar.prototype.animatetoview=function(){
    	var barinstance=this
    	if (parseInt(this.barref.style.top)<0){
    		this.barref.style.top=parseInt(this.barref.style.top)+5+"px"
    		setTimeout(function(){barinstance.animatetoview()}, 50)
    	}
    	else{
    		if (document.all && !window.XMLHttpRequest)
    		this.barref.style.setExpression("top", 'document.compatMode=="CSS1Compat"? document.documentElement.scrollTop+"px" : body.scrollTop+"px"')
    	else
    		this.barref.style.top=0
    	}
    }
    
    informationbar.close=function(){
    	document.getElementById("informationbar").style.display="none"
    	if (this.displayfreq=="session")
    		document.cookie="infobarshown=1;path=/"
    }
    
    informationbar.prototype.setfrequency=function(type){
    	this.displayfreq=type
    }
    
    informationbar.prototype.initialize=function(){
    	if (this.displayfreq=="session" && document.cookie.indexOf("infobarshown")==-1 || this.displayfreq=="always"){
    		this.barref=document.getElementById("informationbar")
    		this.barheight=parseInt(this.barref.offsetHeight)
    		this.barref.style.top=this.barheight*(-1)+"px"
    		this.animatetoview()
    	}
    }
    
    window.onunload=function(){
    	this.barref=null
    }
    
    </script>
    
    
    <script type="text/javascript">
    <!--Invocation code-->
    
    var infobar=new informationbar()
    infobar.setContent('Welcome to JavaScript Kit! It appears you are not registered yet on our site. Why wait? <a href="#">Register here</a>')
    //infobar.setfrequency('session') //Uncomment this line to set information bar to only display once per browser session!
    infobar.initialize()
    
    </script>
  • 29-10-2009, 15:50:27
    #2
    position:fixed

    şunu kaldırır mısın
  • 29-10-2009, 20:54:31
    #3
    position:absolute olarak ayarlanmış bi div ile javascript kullanmadan yapılır.