Merhaba arkadaşlar sitemde footerı genişletmek istiyorum ama bir türlü başaramadım bütün ekranı kaplamasını istiyorum
http://botadam.com
Sayfa genişletme css yardım lütfen |
9 Mesajlar | 2.016 Okunma | ||
Toplam 9 mesaj ve 2.016 görüntüleme
- Üyelik 02.09.2014
- Yaş/Cinsiyet 31 / E
- Meslek Yazılım Mühendisi
- Konum İstanbul Anadolu
- Ad Soyad Y** Y**
- Mesajlar 309
- Beğeniler 127 / 44
- Ticaret 15, (%100)
- Üyelik 25.05.2015
- Yaş/Cinsiyet 33 / E
- Meslek Web Yazılım Uzmanı
- Konum İstanbul Anadolu
- Ad Soyad F** K**
- Mesajlar 833
- Beğeniler 0 / 287
- Ticaret 13, (%100)
Merhaba,
style.css de 919. satırda başlayan #footer css kodlarınızı aşağıdaki gibi yaparsanız footer tam ekranı kaplayacaktır ama tasarımın bozulması konusunda bir yorum yapamam :)
margin-top: 20px;
background-color: #fff;
background-image: url(images/side.png);
background-repeat: repeat-x;
background-position: bottom;
width: 100%;
font-size: 11px;
text-align: center;
position: absolute;
left: 0px;
Ek: Çünkü site 960 px olarak çalışılıp ortalanmış. Her şey 960 px'e göre footer tam width olunca biraz garip durabilir :)
style.css de 919. satırda başlayan #footer css kodlarınızı aşağıdaki gibi yaparsanız footer tam ekranı kaplayacaktır ama tasarımın bozulması konusunda bir yorum yapamam :)
margin-top: 20px;
background-color: #fff;
background-image: url(images/side.png);
background-repeat: repeat-x;
background-position: bottom;
width: 100%;
font-size: 11px;
text-align: center;
position: absolute;
left: 0px;
Ek: Çünkü site 960 px olarak çalışılıp ortalanmış. Her şey 960 px'e göre footer tam width olunca biraz garip durabilir :)
- Üyelik 02.09.2014
- Yaş/Cinsiyet 31 / E
- Meslek Yazılım Mühendisi
- Konum İstanbul Anadolu
- Ad Soyad Y** Y**
- Mesajlar 309
- Beğeniler 127 / 44
- Ticaret 15, (%100)
Çok teşekkürler hocam position aklıma gelmemişti :)
- Üyelik 24.06.2011
- Yaş/Cinsiyet 35 / E
- Meslek Front End Developer
- Konum İstanbul Avrupa
- Ad Soyad F** Ş**
- Mesajlar 2932
- Beğeniler 745 / 744
- Ticaret 60, (%100)
Position absolute yapmak yerine footer'ı 960px'lik container'dan çıkarırsanız daha sağlıklı olur.
- Üyelik 02.09.2014
- Yaş/Cinsiyet 31 / E
- Meslek Yazılım Mühendisi
- Konum İstanbul Anadolu
- Ad Soyad Y** Y**
- Mesajlar 309
- Beğeniler 127 / 44
- Ticaret 15, (%100)
Hocam bide headerı genişletiyorum ama tema bozuluyor ne yapabilirim
- Üyelik 24.06.2011
- Yaş/Cinsiyet 35 / E
- Meslek Front End Developer
- Konum İstanbul Avrupa
- Ad Soyad F** Ş**
- Mesajlar 2932
- Beğeniler 745 / 744
- Ticaret 60, (%100)
Hocam bide headerı genişletiyorum ama tema bozuluyor ne yapabilirim
Şu anda mobil olduğum için sitedeki kodlara bakamıyorum. Onu 960px içinde tutan container vardır onu bulup ortalayan divi silerseniz olur.
- Üyelik 25.05.2015
- Yaş/Cinsiyet 33 / E
- Meslek Web Yazılım Uzmanı
- Konum İstanbul Anadolu
- Ad Soyad F** K**
- Mesajlar 833
- Beğeniler 0 / 287
- Ticaret 13, (%100)
Sanırım tasarımda bir değişiklik olacak. İskeleti değiştirsek sizin için daha faydalı olacaktır.
960 (#main) divinden footer ve headerı çıkartıp width 100% olarak kullanabilirsiniz.
birde header ve footer arasına bir div açıp (#wrapper ve ya koruyucu), main divini de bunun içine koyup footer header ve wrapper divlerine float:left verdiğinizde problem çözülecektir. Dilerseniz akşam 19:00 dan sonra daha detaylı yardımcı olabilirim.
960 (#main) divinden footer ve headerı çıkartıp width 100% olarak kullanabilirsiniz.
birde header ve footer arasına bir div açıp (#wrapper ve ya koruyucu), main divini de bunun içine koyup footer header ve wrapper divlerine float:left verdiğinizde problem çözülecektir. Dilerseniz akşam 19:00 dan sonra daha detaylı yardımcı olabilirim.
- Üyelik 02.09.2014
- Yaş/Cinsiyet 31 / E
- Meslek Yazılım Mühendisi
- Konum İstanbul Anadolu
- Ad Soyad Y** Y**
- Mesajlar 309
- Beğeniler 127 / 44
- Ticaret 15, (%100)
FurkanKandemir adlı üyeden alıntı
Sanırım tasarımda bir değişiklik olacak. İskeleti değiştirsek sizin için daha faydalı olacaktır.960 (#main) divinden footer ve headerı çıkartıp width 100% olarak kullanabilirsiniz.
birde header ve footer arasına bir div açıp (#wrapper ve ya koruyucu), main divini de bunun içine koyup footer header ve wrapper divlerine float:left verdiğinizde problem çözülecektir. Dilerseniz akşam 19:00 dan sonra daha detaylı yardımcı olabilirim.
Yardımınızı bekliyorum hocam
- Üyelik 25.05.2015
- Yaş/Cinsiyet 33 / E
- Meslek Web Yazılım Uzmanı
- Konum İstanbul Anadolu
- Ad Soyad F** K**
- Mesajlar 833
- Beğeniler 0 / 287
- Ticaret 13, (%100)
Örnek iskelet css'i özel mesaj olarak gönderilmiştir.
İyi çalışmalar.
İyi çalışmalar.
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)