alt alta div kullanımı

04.05.2014 17:14

bozok WM Aracı Kullanıcı

Üyelik 08.02.2012
Yaş/Cinsiyet - / E
Meslek
Konum

Ad Soyad ** **
Mesajlar 145
Beğeniler 46 / 26
Ticaret 0, (%0)

Merhaba Footer değiştirip kendim ayarlamak istiyorum div ile yaptım ama bütün divler alt alta oldu nerde yanlış yaptım bilemedim. Kodlarım şu şekilde;

footer eklediğim kod:



    

    	Son Konular

    

    

    	Son Yorumlar

    

    

    	Özlü Sözler

    

	

    Son 10 konu buraya 


	 Son 10 konu buraya 


	  Son 10 konu buraya 


	

    

	

    Son 10 yorum buraya 


	 Son 10 yorum buraya 


	  Son 10 yorum buraya 


    

	

    

    	 Burayada Yazı gelecek artık nasıl bir yazı olur bilmiyorum 


		 Burayada Yazı gelecek artık nasıl bir yazı olur bilmiyorum

css kodları:

.anadiv{

	float:left;

	height: auto;

	width:980px;

	background-color: #605e5e;

	

}

.divicerik{

	width:326px;

	float:left;

	height: auto;

	background:orange;

}

.divust{

	width:326px;

	float:left;

	background:green;

	height: auto;

}

04.05.2014 17:23

#2

cgrclk Fortis Fortuna Adiuvat Kullanıcı

Üyelik 18.11.2011
Yaş/Cinsiyet 35 / E
Meslek Web Developer
Konum İstanbul Avrupa

Ad Soyad B** Ç**
Mesajlar 3270
Beğeniler 1014 / 1983
Ticaret 53, (%100)

Aşağıdaki şekilde dener misiniz?



  

    

    	Son Konular

    

    Son 10 konu buraya 


	 Son 10 konu buraya 


	  Son 10 konu buraya 


	

    

	

    

    	Son Yorumlar

    

    Son 10 yorum buraya 


	 Son 10 yorum buraya 


	  Son 10 yorum buraya 


    

	

    

    

    	Özlü Sözler

    

    Burayada Yazı gelecek artık nasıl bir yazı olur bilmiyorum 


	  Burayada Yazı gelecek artık nasıl bir yazı olur bilmiyorum

.anadiv{

	float:left;

	height: auto;

	width:980px;

	background-color: #605e5e;

	

}

.divicerik{

	width:326px;

	float:left;

	height: auto;

	background:orange;

}

.divust{

	width:100%;

	float:left;

	background:green;

	height: auto;

}

04.05.2014 18:14

#3

Mintik WM Aracı Kullanıcı

Üyelik 27.01.2014
Yaş/Cinsiyet 41 / E
Meslek Desinatör
Konum İstanbul Avrupa

Ad Soyad A** U**
Mesajlar 256
Beğeniler 72 / 71
Ticaret 0, (%0)

Sanırım buradaki gibi istiyorsun: http://jsfiddle.net/Gnhp9/
Css kod:

.anadiv {

    height: auto;

    display:inline-block;

    max-width:980px;

    margin:0 auto;

    background-color: #605e5e;

}

.divicerik {

    width:33%;

    float:left;

    height: auto;

    background:orange;

    margin-left:0.3%;

}

.divust {

    width:33%;

    float:left;

    background:green;

    height: auto;

    margin-left:0.3%;

    text-transform:uppercase;

}

05.05.2014 19:13

#4

Masiva MasivaTurk.com Kullanıcı

Üyelik 05.05.2014
Yaş/Cinsiyet 32 / E
Meslek E-Ticaret
Konum İstanbul Avrupa

Ad Soyad F** K**
Mesajlar 494
Beğeniler 0 / 78
Ticaret 1, (%100)

kodlarını göndermene gerek yok. her div'in style koduna float:left; yazman yeterli. Bu şekilde her div sola dayalı olacak ve "yanıma bir başka nesne vs. gelebilir" anlamı taşıyacak. Kısaca bu şekildedir.

07.05.2014 10:53

#5

bozok WM Aracı Kullanıcı

Üyelik 08.02.2012
Yaş/Cinsiyet - / E
Meslek
Konum

Ad Soyad ** **
Mesajlar 145
Beğeniler 46 / 26
Ticaret 0, (%0)

teşekürler sorun benim kodlarımda değilmiş başka css kodları etkilemiş. Sorunu hallettim.

alt alta div kullanımı

Üye Girişi Yap