• 25-06-2015, 21:11:37
    #1
    Kimlik doğrulama veya yönetimden onay bekliyor.
    Merhaba.

    Üst tarafı ve sağ tarafı ayarladım ortaya da içerik olarak bir bölüm ayarlamak istiyorum ama aşağıya kayıyor.Aşağıya kayan bölümü yukarı ortaya nasıl çekerim.

    #header{
         background-color:rgba(0,0,255,0.3);
    	 text-shadow: 2px 2px red;
    	 width:1335px;
    	 height:132px
    	
    }
    
    h1{
       text-align: center;
       color:#F4F7FC
    }
    
    #kullanici{
         background-color:#46F60B;
    	 margin-left:1070px;
    	 margin-right:13px
    
    }
    
    #kutukullanici {
        margin-left:1094px;
        border-radius: 25px;
        border: 2px solid #8AC007;
        padding: 20px; 
        width: 200px;
        height: 150px;    
    }
    
    #online{
         background-color:#46F60B;
    	 margin-left:1070px;
    	 margin-right:13px
    
    }
    
    #kutuonline {
        margin-left:1094px;
        margin-top:23px;
        border-radius: 25px;
        border: 2px solid #8AC007;
        padding: 20px; 
        width: 200px;
        height: 150px;    
    }
    
    #orta{
        background-color:#DD7D15;
    	margin:0 auto;
    	margin-left:300px;
    	width:300px;
    	height:100px
    }
    Arkadaşlar bu orta yazan id de bu aşağıda kalıyor anlayacağınız onu üst ortaya almak istiyorum nasıl alıcam.Yeni öğreniyorum css yi yardımcı olursanız sevinirim.
  • 26-06-2015, 03:27:29
    #2
    Projenin demosunu yada resmini koyarsan nereye ne kaydığını daha rahat görebilir ve yardımcı olabilirim.
  • 26-06-2015, 11:34:00
    #3
    Bu şekilde yapabilirsin kolay gelsin
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <style type="text/css">
    	body {
    		font-family:Tahoma, Sans, Serif;
    		font-size:12px;
    	}
    	
    	p {
    		margin-top:0px;
    	}
    	#site {
    		width:100%; height:100%;
    	}
    	
    	#orta {
    		width:300px; height:300px;
    		border:1px solid #CCC;
    		position:absolute;
    		left:0; right:0; top:0; bottom:0;
    		margin:auto;
    		padding:5px;
    		overflow:hidden;
    	}
    </style>
    <title>Page Title</title>
    </head>
    <body>
    	<div id="site">
    		<div id="orta">
    			<p>Yinelenen bir sayfa içeriğinin okuyucunun dikkatini dağıttığı bilinen bir gerçektir. Lorem Ipsum kullanmanın amacı, sürekli 'buraya metin gelecek, buraya metin gelecek' yazmaya kıyasla daha dengeli bir harf dağılımı sağlayarak okunurluğu artırmasıdır. </p>
    			<p>Şu anda birçok masaüstü yayıncılık paketi ve web sayfa düzenleyicisi, varsayılan mıgır metinler olarak Lorem Ipsum kullanmaktadır. Ayrıca arama motorlarında 'lorem ipsum' anahtar sözcükleri ile arama yapıldığında henüz tasarım aşamasında olan çok sayıda site listelenir. </p>
    			<p>Yıllar içinde, bazen kazara, bazen bilinçli olarak (örneğin mizah katılarak), çeşitli sürümleri geliştirilmiştir.</p></div>
    	</div>
    </body>
    </html>
  • 27-06-2015, 00:36:44
    #4
    Teşekkür ederim.