lostyazilim
tr.link

Footer Sorunu

7 Mesajlar 1.497 Okunma
acebozum
tr.link

Arestr Arestr WM Aracı Kullanıcı
  • Üyelik 10.08.2014
  • Yaş/Cinsiyet 28 / E
  • Meslek Web Devoloper
  • Konum Kayseri
  • Ad Soyad N** C**
  • Mesajlar 408
  • Beğeniler 403 / 143
  • Ticaret 0, (%0)
Merhaba arkadaşlar yeni hazırlayacağım site için taslak oluşturuyorum ama footerda sorun var.

Footera bottom 0; position:fixed; yapınca aşağıya sabitleniyor ama hoş bi görüntü olmuyor. Bunu nasıl halledebilirim.

Sarı alan footer



Kodlar şu şekilde






















CSS
body{
margin: 0px;
}

header{
width: 100%;
height: 100px;
background-color: #4286f4;
}

section{
width: 1200px;
height: auto;
background-color: #26d6d6;
position: absolute;
top: 110px;
left: 0;
right: 0;
margin: auto;
}

article{
width: 500px;
height: 500px;
float: left;
margin-left: 20px;
margin-top: 20px;
background-color: #07bc13;
}

footer{
width: 100%;
height: 100px;
background-color: #cece0c;

}
 

 

FULL STACK WEB DEVELOPER
elektronikssl
webimgo

ErcanDinsel ErcanDinsel E' Kullanıcı
  • Üyelik 28.01.2012
  • Yaş/Cinsiyet 32 / E
  • Meslek Grafiker. / ercandinsel.org
  • Konum Kocaeli
  • Ad Soyad E** D**
  • Mesajlar 670
  • Beğeniler 54 / 241
  • Ticaret 1, (%100)
Sarı alanı en altamı indirmek istiyorsunuz doğrumu anladım?
 

 

Arestr Arestr WM Aracı Kullanıcı
  • Üyelik 10.08.2014
  • Yaş/Cinsiyet 28 / E
  • Meslek Web Devoloper
  • Konum Kayseri
  • Ad Soyad N** C**
  • Mesajlar 408
  • Beğeniler 403 / 143
  • Ticaret 0, (%0)

ErcanDinsel adlı üyeden alıntı

Sarı alanı en altamı indirmek istiyorsunuz doğrumu anladım?

Aynen öyle hocam
 

 

FULL STACK WEB DEVELOPER

0ebedi 0ebedi Kimlik Onayı Bekliyor Banlı Kullanıcı
  • Üyelik 17.08.2018
  • Yaş/Cinsiyet 27 / E
  • Meslek Öğrenci
  • Konum İstanbul Anadolu
  • Ad Soyad E** E**
  • Mesajlar 188
  • Beğeniler 49 / 44
  • Ticaret 0, (%0)
sectionların positionunu absolute değilde relative yapıp deneyin
 

 

wmaraci
wmaraci

Arestr Arestr WM Aracı Kullanıcı
  • Üyelik 10.08.2014
  • Yaş/Cinsiyet 28 / E
  • Meslek Web Devoloper
  • Konum Kayseri
  • Ad Soyad N** C**
  • Mesajlar 408
  • Beğeniler 403 / 143
  • Ticaret 0, (%0)
0ebedi öyle yapınca auto height özelliği kayboluyor yine işe yaramıyor
 

 

FULL STACK WEB DEVELOPER

0ebedi 0ebedi Kimlik Onayı Bekliyor Banlı Kullanıcı
  • Üyelik 17.08.2018
  • Yaş/Cinsiyet 27 / E
  • Meslek Öğrenci
  • Konum İstanbul Anadolu
  • Ad Soyad E** E**
  • Mesajlar 188
  • Beğeniler 49 / 44
  • Ticaret 0, (%0)
Bunu direk yapıştır dene bi bakalım;


body{
margin: 0px;
}

header{
width: 100%;
height: 100px;
background-color: #4286f4;
}

section{
width: 1200px;
height: auto;
background-color: #26d6d6;
top: 110px;
left: 0;
right: 0;
margin: auto;
}
section:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

article{
width: 500px;
height: 500px;
float: left;
margin-left: 20px;
margin-top: 20px;
background-color: #07bc13;
}

footer{
width: 100%;
height: 100px;
background-color: #cece0c;
bottom:0;

}
 

 

Arestr Arestr WM Aracı Kullanıcı
  • Üyelik 10.08.2014
  • Yaş/Cinsiyet 28 / E
  • Meslek Web Devoloper
  • Konum Kayseri
  • Ad Soyad N** C**
  • Mesajlar 408
  • Beğeniler 403 / 143
  • Ticaret 0, (%0)
0ebedi Oldu hocam. Teşekkürler :)
 

 

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