lostyazilim
tr.link

float:left; verilmiş bir divi ortalamak

13 Mesajlar 7.816 Okunma
acebozum
tr.link

Webmastersen Webmastersen WM Aracı Kullanıcı
  • Üyelik 26.03.2013
  • Yaş/Cinsiyet 26 / E
  • Meslek Öğrenci
  • Konum Giresun
  • Ad Soyad ** **
  • Mesajlar 75
  • Beğeniler 0 / 4
  • Ticaret 1, (%100)
Merhaba arkadaşlar,
Malum bootstrap temasından sıkılınca siteme bir tema yapma arayışına girdim ancak şöyle bir sorunum var.



#ortala{
width:960px;
margin:0 auto;
background:#f1f1f1;
float:left;
}



şeklindeki css kodunda float lefti yazmaz isem background gözükmüyor. Float left yazınca da sola kayıyor ortalanmıyor. Sorunumun nasıl çözülebileceğini halen anlayabilmiş değilim. İmkansız olmaması gerekli zira istediğim basit birşey.
 

 

webmastersen.com // link değil ki bu (:
elektronikssl
webimgo

prometheus prometheus WM Aracı Kullanıcı
  • Üyelik 18.07.2011
  • Yaş/Cinsiyet 35 / E
  • Meslek Developer
  • Konum
  • Ad Soyad A** A**
  • Mesajlar 103
  • Beğeniler 2 / 17
  • Ticaret 0, (%0)
Yayında mı site görebileceğim bir yer var mı?
 

 

Webmastersen Webmastersen WM Aracı Kullanıcı
  • Üyelik 26.03.2013
  • Yaş/Cinsiyet 26 / E
  • Meslek Öğrenci
  • Konum Giresun
  • Ad Soyad ** **
  • Mesajlar 75
  • Beğeniler 0 / 4
  • Ticaret 1, (%100)
Bekleyin atıyorum ayrılmayın buradan //

-------------------------------------

Düzenleme;
http://webmastersen.com/webmastersen/ buyrun
 

 

webmastersen.com // link değil ki bu (:

prometheus prometheus WM Aracı Kullanıcı
  • Üyelik 18.07.2011
  • Yaş/Cinsiyet 35 / E
  • Meslek Developer
  • Konum
  • Ad Soyad A** A**
  • Mesajlar 103
  • Beğeniler 2 / 17
  • Ticaret 0, (%0)
yuksekliği belirli bir alansa height ya da min-height verebilirsin. değilse farklı önerilerde bulunabilirim
 

 

wmaraci
wmaraci

Webmastersen Webmastersen WM Aracı Kullanıcı
  • Üyelik 26.03.2013
  • Yaş/Cinsiyet 26 / E
  • Meslek Öğrenci
  • Konum Giresun
  • Ad Soyad ** **
  • Mesajlar 75
  • Beğeniler 0 / 4
  • Ticaret 1, (%100)
Belirli değil sayfa ne kadar uzarsa orası da o kadar uzayacak :) float:left; vermez isem background hiç gözükmüyor :S
 

 

webmastersen.com // link değil ki bu (:

prometheus prometheus WM Aracı Kullanıcı
  • Üyelik 18.07.2011
  • Yaş/Cinsiyet 35 / E
  • Meslek Developer
  • Konum
  • Ad Soyad A** A**
  • Mesajlar 103
  • Beğeniler 2 / 17
  • Ticaret 0, (%0)
o zaman şöyle yapacaksın:


#ortala{background:#f9f9f9;position: absolute;width: 960px;left: 50%;margin-left: -480px;}


işimi görmez dersen farklı şeyler de yapabiliriz (:
 

 

Webmastersen Webmastersen WM Aracı Kullanıcı
  • Üyelik 26.03.2013
  • Yaş/Cinsiyet 26 / E
  • Meslek Öğrenci
  • Konum Giresun
  • Ad Soyad ** **
  • Mesajlar 75
  • Beğeniler 0 / 4
  • Ticaret 1, (%100)
Oo beğendim sağol kardeşim hiç bir sayfada ortalanma sorunu çıkmaz değil mi?
 

 

webmastersen.com // link değil ki bu (:

prometheus prometheus WM Aracı Kullanıcı
  • Üyelik 18.07.2011
  • Yaş/Cinsiyet 35 / E
  • Meslek Developer
  • Konum
  • Ad Soyad A** A**
  • Mesajlar 103
  • Beğeniler 2 / 17
  • Ticaret 0, (%0)
çıkarmaz çıkarmaz.
bundan sonra margin:0 auto ya odaklanmazsın herhalde alternatif çözümler herzaman vardır ;)
 

 

Webmastersen Webmastersen WM Aracı Kullanıcı
  • Üyelik 26.03.2013
  • Yaş/Cinsiyet 26 / E
  • Meslek Öğrenci
  • Konum Giresun
  • Ad Soyad ** **
  • Mesajlar 75
  • Beğeniler 0 / 4
  • Ticaret 1, (%100)
Sağol css konusunda hiç böyle bir yere takılacağım aklıma gelmezdi sağol :)
 

 

webmastersen.com // link değil ki bu (:

kilitbilgi kilitbilgi kilitbilgi@gmail.com Kullanıcı
  • Üyelik 13.06.2012
  • Yaş/Cinsiyet 31 / E
  • Meslek Bilgisayar Mühendisi
  • Konum İzmir
  • Ad Soyad B** Ç**
  • Mesajlar 396
  • Beğeniler 82 / 125
  • Ticaret 3, (%100)
Alternatif olarak da,
http://codepen.io/kilitbilgi/pen/Jtgur
Yukarıdaki örnekte , ortala div katmanının içindeki header katmanına gerekli css kodlarını uygularsanız float:left veya position:absolute kullanmadan sonuca ulaşabilirsiniz.
 

 

wmaraci
wmaraci
Konuyu toplam 3 kişi okuyor. (0 kullanıcı ve 3 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al