Bootstrap div boyutlandirma hatasi

30.11.2017 20:00

emalper WM Aracı Kullanıcı

Üyelik 12.06.2017
Yaş/Cinsiyet 29 / E
Meslek Ogrenci
Konum Bursa

Ad Soyad A** E**
Mesajlar 72
Beğeniler 4 / 4
Ticaret 0, (%0)

Merhaba arkadaslar ben bootstrap uzerinden gelistirmekte oldugum bir proje icin site yapmaya calisiyorum ama kucuk bir problemim var. Icine yazi yazdigim ve ayni zamanda renk verdigim div bir turlu %100 boyutunu almiyor. Ne yaptiysam hersekilde hata veriyor.

Acaba bunu nasil duzeltebilirim?













    

    Slidebars Dev Page

    



    

    

    

    











    



    



        



        

        	



        		



        		

        			

                    

        		

        		

        				

        		

        		

        			

        		



        		



        		



        		

        			

        				

        				

        			

        			

        				<script></script>

        			

        		

        		

        			

        			 Notifications 

        		

        		

        			

        		

        	

        



        



        



        

        	

        		

        			asddas

        		

        	

        



        



        



        

        	

        		

        			

        				 Room 1 

        			

        			

        				 Room 2 

        			

        			

        				 Room 3 

        			

        			

        				 Room 4 

        			

        			

        				 Room 5 

        			

        		

        		

        			asd

        		

        	

        



        



        



        

        	

        		

        			dsdas

        		

        	

        

    



    



    



    

        Slidebar with id 'slidebar-1' on the left side and reveal style.

    



    



    



    <script></script>

    <script></script>

    <script></script>

    <script></script>

    <script></script>



/* Mobile Top Section */



.toggle-button {

	padding-top: 15px;

}



.toggle-button i {

	cursor: pointer;

}



.notifications-mobile {

	padding-top: 15px;

}



.notifications-mobile i {

	cursor: pointer;

}



/* End Of Mobile Top Section */



/* Top Section */



.top-section {

	height: 50px;

	background-color: #13181f;

	text-align: center;

	color: #e7d6ca;

	border-bottom: solid 1px #5d5e65;

}



.clock {

	font-size: 20px;

	padding-top: 12px;

	cursor: default;

}



.time {

	float: left;

}



.notifications i	 {

	float: left;

	padding-top: 20px;

	padding-right: 15px;

	cursor: default;

}



.notifications span {

	float: left;

	font-size: 20px;

	padding-top: 12px;

	cursor: pointer;

}



.logout button {

	float: right;

	background-color: #13181f;

	border: #13181f;

	font-size: 20px;

	margin-top: 11px;

}



.logo {

	padding-top: 10px;

}



/* End Of Top Section */



/* Middle Top Section */



.middle-top-section {

	height: 50px;

	background-color: #484b52;

}



/* End Of Middle Top Section */



/* Middle Section */



.rooms {

	background-color: #252a31;	

	cursor: pointer;	

}



.dimmer {

	background-color: #3e434a;

}



.room {

	border: solid 1px #12181f;

	margin-right: -15px;

	margin-left: -15px;

	height: 100px;

	font-size: 20px;

	color: #fff;

	padding-left: 40px;

	padding-top: 35px;

}



/* End Of Middle Section */



/* Footer */



.footer {

	height: 50px;

	background-color: #13181f;

}



/* End Of Footer */

30.11.2017 20:41

#2

dump3cz Üyeliği Durdurulmuş Banlı Kullanıcı

Üyelik 01.05.2017
Yaş/Cinsiyet 24 / E
Meslek Yazılım
Konum Bilecik

Ad Soyad O** Ç**
Mesajlar 1750
Beğeniler 169 / 326
Ticaret 3, (%67)

Bunlara border top ve border bottom verirsen çözülür.

30.11.2017 20:44

#3

emalper WM Aracı Kullanıcı

Üyelik 12.06.2017
Yaş/Cinsiyet 29 / E
Meslek Ogrenci
Konum Bursa

Ad Soyad A** E**
Mesajlar 72
Beğeniler 4 / 4
Ticaret 0, (%0)

Oyle denedim ama benim istedigim o degil benim istedigim div in %100 boyutunda olmasi her ekranda ama oyle yapinca ekrana tasiyor sorun veriyor ne yazik ki

01.12.2017 12:03

#4

nGinY PHP - C# Help Kit =) Kullanıcı

Üyelik 07.06.2014
Yaş/Cinsiyet 25 / E
Meslek Öğrenci
Konum Eskişehir

Ad Soyad E** Y**
Mesajlar 80
Beğeniler 7 / 17
Ticaret 3, (%100)

birleştirilmesini mi istiyorsunuz
index






    
    Slidebars Dev Page
    

    
    

    





    

    

        

        
        	

        		

        		
        			
                    
        		

        		
        				
        		

        		
        			
        		


        		

        		

        		
        			
        				
        				

        			

        			
        				<script></script>
        			

        		

        		
        			
        			 Notifications 
        		

        		
        			
        		

        	

        


        

        

        
        	
        		
        			
        		

        	

        


        

        

        
        	
        		
        			
        				 Room 1 
        			

        			
        				 Room 2 
        			

        			
        				 Room 3 
        			

        			
        				 Room 4 
        			

        			
        				 Room 5 
        			

        		

        		
        			Deneme

        		

        	

        


        

        

        
        	
        		
        				Footer Deneme

        		

        	

        

    


    

    

    
       
    


    

    

    <script></script>
    <script></script>
    <script></script>
    <script></script>
    <script></script>

style

/* Mobile Top Section */

.toggle-button {
	padding-top: 15px;
}

.toggle-button i {
	cursor: pointer;
}

.notifications-mobile {
	padding-top: 15px;
}

.notifications-mobile i {
	cursor: pointer;
}

/* End Of Mobile Top Section */

/* Top Section */

.top-section {
	height: 50px;
	background-color: #13181f;
	text-align: center;
	color: #e7d6ca;
	border-bottom: solid 1px #5d5e65;
}

.clock {
	font-size: 20px;
	padding-top: 12px;
	cursor: default;
}

.time {
	float: left;
}

.notifications i	 {
	float: left;
	padding-top: 20px;
	padding-right: 15px;
	cursor: default;
}

.notifications span {
	float: left;
	font-size: 20px;
	padding-top: 12px;
	cursor: pointer;
}

.logout button {
	float: right;
	background-color: #13181f;
	border: #13181f;
	font-size: 20px;
	margin-top: 11px;
}

.logo {
	padding-top: 10px;
}

/* End Of Top Section */

/* Middle Top Section */

.middle-top-section {
	height: 50px;
	background-color: #484b52;
}

/* End Of Middle Top Section */

/* Middle Section */

.rooms {
	background-color: #252a31;	
	cursor: pointer;	
}

.dimmer {
	background-color: #3e434a;
}

.room {
	border: solid 1px #12181f;
	margin-right: -15px;
	margin-left: -15px;
	height: 100px;
	font-size: 20px;
	color: #fff;
	padding-left: 40px;
	padding-top: 35px;
}

/* End Of Middle Section */

/* Footer */

.footer {
	height: 50px;
	background-color: #13181f;
}

/* End Of Footer */

-----

01.12.2017 13:10

#5

emalper WM Aracı Kullanıcı

Üyelik 12.06.2017
Yaş/Cinsiyet 29 / E
Meslek Ogrenci
Konum Bursa

Ad Soyad A** E**
Mesajlar 72
Beğeniler 4 / 4
Ticaret 0, (%0)

evet boyle birlesmesini istiyorum ama mesela suanda ben laptop ekraninda birlestirdigim zaman mobile gecersem veya daha buyuk bir ekrana gecersem o arasi ya bos kaliyor yada kaydirma cubugu cikiyor. Benim istedigim o arayi %100 yapmak.

Yani mesela mobilde tum ekrana sigsin o resimdekiler. Daha buyuk bir ekrana gecersemde tum ekrana sigsin bosluk kalmasin istiyorum. Bunu nasil yapabilirim? Mumkun mu boyle birsey?

01.12.2017 13:55

#6

HapyMan Full Stack Developer Kullanıcı

Üyelik 14.05.2016
Yaş/Cinsiyet 31 / E
Meslek What do you do exactly ?
Konum İstanbul Avrupa

Ad Soyad T** T**
Mesajlar 562
Beğeniler 171 / 208
Ticaret 0, (%0)

GOPxXp

01.12.2017 14:08

#7

emalper WM Aracı Kullanıcı

Üyelik 12.06.2017
Yaş/Cinsiyet 29 / E
Meslek Ogrenci
Konum Bursa

Ad Soyad A** E**
Mesajlar 72
Beğeniler 4 / 4
Ticaret 0, (%0)

Cevabiniz icin tessekur ederim ama ne yazik ki olmuyor. Duzenlemeye calistigim kodun parcasi:



.middle {	

}



.rooms {

	background-image: url("../img/rooms.png");

	background-repeat: repeat;

	background-color: #252a31;

	border-right: 2px solid #12181f;

}



.dimmer {

	background-image: url("../img/dimmer.png");

	background-repeat: repeat;

	background-color: #3a3f46;

}

Bu koda dediklerinizi eklememe ragmen duzgun bir sonuc alamadim. Bu koda height:500px eklersem ornek olarak laptop ekraninda istedigim sonucu aliyorum ama ekran kuculdugu zaman gene 500px kaliyor yada buyudugunde gene 500px kaliyor.Benim istedigim bunun her ekranda ortadaki alani kaplamasi tamamen bunu nasil yapabilirim?

Bootstrap div boyutlandirma hatasi

Üye Girişi Yap