Site iskeleti oluşturma?

[SZ]

Arkadaşlar herkeze faydalı olacağını düşünüyorum bu konunun...
Böyle bir iskeleti oluşturmak için ve herzaman tarayıcılarda ortalı açılacak şekilde nasıl kodlarım... Şimdiden teşekkürler...

 

[SZ]

Hataman hocam nerdesiniz gözlerim yolda kaldı...

 

[hataman]

birisi cssmi dedi?

Bu sablonu her tarayıcı ve her çözünürlükte aynı sekilde göstermek için % değerleri kullanmak gerekli. Kısa bir css yazalım;

#main{width:100%;}/*ana kapsayıcı sayfanın tamamını kullandık*/
#banner{width:100%;heiight:150px;}/*bannerda tam alanı aldı*/
#sol{width:25%;float:left;}
#orta{width:50%;float:left;}
#sag{width:25%;float:left;}
#alt{width:100%;height:50px;}

Gerisi size kalmış, kolay gelsin.

 

[SZ]

Teşekkürler...


Burda birşeyi atladık gibi geldi sevgili hataman... Tamam float verdik istediğimiz gibi sağ sol alanları yerleştirdik peki 3'e değilde 5'e bölmek istesem ve aralarında 5px boşluk bırakmak istesem nasıl yaparım? Bunuda anlattıktan sonra css in mantığı anlaşılmış olucak sanırım

 

[hsamet]

Eğer yanlış anladıysam özür dilerim. Sayfa ne kadar büyürse büyüsün ortada açılmasınımı istediniz?

 

[hataman]

Eğer yanlış anladıysam özür dilerim. Sayfa ne kadar büyürse büyüsün ortada açılmasınımı istediniz?

Arkadaş sayfa ne kadar büyürse büyüsün sitenin arka planındaki resimin sayfanın tamamını kaplamasını istiyor.Css background sayfa ortalama değil anlayacağınız sorulan, ancak javascript ile yapılabilecek bir durum.

 

[SZ]

Sayfa nekadar büyürse büyüsün yapılan iskeletin daima ortada olmasından bahsediyorum aynen grafikerler.net gibi

 

[hataman]

pardon ben yanlış yazmışım. İçerik alanı her zaman sayfanın ortasında olsun istiyorsanız;
margin:0 auto; kodunu kullanın internet explorer içinde body tagına text-align:center verin.

 

[pis7li]

Tüm siteyi bir div içine al margin-left ve margin-right: auto değeri vverirsin ve sürekli ortada kalır.

 

[tugrulguvenc]

lise 2 yaptımız şeyler yapa yapa artık gına gelmişti gerçekten yeni başlayanlar için gerçekten çok yararlı olcaktır tavsiyemdir paylaşım için teşekkürler

 

[sanaluser]

pardon ben yanlış yazmışım. İçerik alanı her zaman sayfanın ortasında olsun istiyorsanız;
margin:0 auto; kodunu kullanın internet explorer içinde body tagına text-align:center verin.

internet explorerde iceriği ortalamak için text-align center kullanıldığını ilk defa duyuyorum.

 

[hataman]

internet explorerde iceriği ortalamak için text-align center kullanıldığını ilk defa duyuyorum.

İnternet explorerın bazı sürümleri margin:0 auto da sıkıntılar doğurabilir bu nedenle body tagına text-align:center; eklenirse bu sorun ortadan kaldırılmış olur. Deneyin görün.

 

[sanaluser]

internet explorer in hangi sürümlerinde bu sorun yaşanıyor ?

 

[21li]

anadive margin:0px auto; yazman yeterli olacaktır.