Kojiroh Mesaj tarihi: Ağustos 27, 2011 Mesaj tarihi: Ağustos 27, 2011 Tam cevap yazıyodum, buraya atiyim madem sdfds toggie said: 960px width aslında sayfa icin standart boyut. ama bunu gride oranlayarak degistirmek tabi ki mumkun. 960px maximum ama bildigim kadarıyla. yani en oluru bu. benim kullandıgım iki kaynak var http://960.gs http://www.gridulator.com buradan genislik degerlerini girerek gridi olustur. sonra ona gore css'ini, tasarımını ayarla. bu arada elinde ipad var mı bilmiyorum. ben kendi sitemi iphone'umdan test ettigimde aynı sonucu alıyorum pc'deki ile. kendi sitem 960px genislige gore ayarlı. tolga-ozdemir.com Çok açık yazmamıştım ama şöyle bi sorun var, tasarımcı arkadaş site içeriğini 960px olacak şekilde ayarlamış ama biri banner öbürü footer olmak üzere iki alanı 960px'ten daha geniş tutmuş. Banner 1160px, footer 1080px. Bu şöyle bi sorun doğurdu, browser ekranı küçüldükçe DOM öğeleri sola yapıştırılır ya, ekran 1160px'ten ufakken banner sola yapışıp kaldı, 1080px'ten ufakken footer yapışıp kaldı, 960px'ten düşükken de content kısmı yapışıp kaldı. Dolayısı ile sayfa görünümü kırılmış oldu. Gerçi olay sitenin demosu hazırlanıp tüm öğeler resim olarak kesildiği için oldu. Ama banner resim slide edeceği için (nivoSlider kullanıyoruz) eninde sonunda aynı sorun çıkacaktı karşımıza. Öyle ya da böyle, öğeleri ek divlerin içine nest edip bi şekilde hallettim ama daha basit bi yöntem gelmiş midir diye de düşünmeden edemedim.
toggie Mesaj tarihi: Ağustos 27, 2011 Mesaj tarihi: Ağustos 27, 2011 960px genislik sitenin tamamını kapsıyor, yani komple sayfanın boyutu bu. dolayısı ile banner ve footer da bu genislige uygun olarak yerlestirilmeli normalde. benim soyledigim grid sistemi sadece client side bir olay. yalnızca layout. sayfa icerisindeki tüm division'ların birbiri ile olan uyumu kısacası. 2 blocktan olustugunda olması gereken div genislikleri, gutter genisligi gibi degerler. hem farklı browserlarda responsive ozelligi tasıyor, hem de sayfayı gorsel olarak en okunabilir, goze hitap eden hale getiriyor. mesela grid layout kullanımının en guzel orneklerinden biri; http://www.nytimes.com/ soyledigine daha kolay bir cozum var mı diye dusunuyorum ama sayfayı gormeden yorum yapamıyorum tam olarak. ama dedigim gibi icerik, banner ve footer'ın birbirinden farklı genisliklere sahip olması iyi birsey degil. nivoslider da iyi tercih ayrıca :)
Kojiroh Mesaj tarihi: Ağustos 27, 2011 Mesaj tarihi: Ağustos 27, 2011 İşte evet, bi tutarlılık olmalıydı ama yapcak bi şey yok, tasarımcı tasarladı, müşteri onayladı, olay bana patladı sdf Grid olayını da deniycem altyapı bittikten sonra.
di Mesaj tarihi: Ağustos 27, 2011 Mesaj tarihi: Ağustos 27, 2011 Kojiroh said: Tam cevap yazıyodum, buraya atiyim madem sdfds toggie said: 960px width aslında sayfa icin standart boyut. ama bunu gride oranlayarak degistirmek tabi ki mumkun. 960px maximum ama bildigim kadarıyla. yani en oluru bu. benim kullandıgım iki kaynak var http://960.gs http://www.gridulator.com buradan genislik degerlerini girerek gridi olustur. sonra ona gore css'ini, tasarımını ayarla. bu arada elinde ipad var mı bilmiyorum. ben kendi sitemi iphone'umdan test ettigimde aynı sonucu alıyorum pc'deki ile. kendi sitem 960px genislige gore ayarlı. tolga-ozdemir.com Çok açık yazmamıştım ama şöyle bi sorun var, tasarımcı arkadaş site içeriğini 960px olacak şekilde ayarlamış ama biri banner öbürü footer olmak üzere iki alanı 960px'ten daha geniş tutmuş. Banner 1160px, footer 1080px. Bu şöyle bi sorun doğurdu, browser ekranı küçüldükçe DOM öğeleri sola yapıştırılır ya, ekran 1160px'ten ufakken banner sola yapışıp kaldı, 1080px'ten ufakken footer yapışıp kaldı, 960px'ten düşükken de content kısmı yapışıp kaldı. Dolayısı ile sayfa görünümü kırılmış oldu. Gerçi olay sitenin demosu hazırlanıp tüm öğeler resim olarak kesildiği için oldu. Ama banner resim slide edeceği için (nivoSlider kullanıyoruz) eninde sonunda aynı sorun çıkacaktı karşımıza. Öyle ya da böyle, öğeleri ek divlerin içine nest edip bi şekilde hallettim ama daha basit bi yöntem gelmiş midir diye de düşünmeden edemedim. Siteyi header content ve footer olarak uce bol, sonrasinda genislik degerlerini css ile verip sag ve sol margin degerlerini auto olarak ver. Boylece birbirinden bagimsiz 3 parca ekranda ortalanmis olur, sorun yasamazsin.
Öne çıkan mesajlar