HTML sayfasında en aşağıda olan element, diğer elementin üstüne geliyor

ErrorCorrection

Hectopat
Katılım
11 Ağustos 2022
Mesajlar
2.549
Çözümler
4
Daha fazla  
Cinsiyet
Erkek
Spoiler içindeki fotoğraftan da görebileceğiniz gibi yazılar elementein üstüne geliyor. Bunu nasıl çözebilirim?
CSS kodlarını koyamıyorum. Tarayıcıda hata çıktı diyor.
Bu siteden kodlara bakabilirsniz. Yardımıc olursanız çok sevirim

Glitch Code Editor ･ﾟ✧

Simple, powerful, free tools to create and use millions of apps.
glitch.com

 
Anladığım kadarıyla all rigths reserved yazan yeri sayfanın en altına almayı çalışıyorsunuz doğru mu?
 
CSS: 
body {
min-height: 100vh;
position: "relative";
}

footer {
position: "absolute";
bottom: 0;
left: 0;
}

Body yüksekliğini minimum 100vh yapın, ardından positionu relative verin. Footera ise positionu absolute yapıp bottom 0 verin.

Örnek kod;
 
De
ğişmedi yine aynı hocam.
 
Eve geçince kontrol sağlarım hocam

Bir çözüm sayılabilir aslında ama kullanması çok sağlıklı değil.
Footera margin bottom değerine eksili bir sayı girin.
Dikkat: Bu girdiğiniz değer cihazdan cihaza ve sayfa yükseklik ile genişliğine göre değişmesi gerekir.
Bu yüzden bu kodu yazarken responsive hale getirmeniz gerek.

CSS: 
body {
min-height: 100vh;
position: relative;
}

footer {
position: absolute;
bottom: 0;
left: 0;
margin-bottom: -deger;
}
 
Son düzenleme:

Halettim hocam. Her bir blog için 1farklı main verdim. Oldu.
 
ErrorCorrection dedi:
Halettim hocam. Her bir blog için 1farklı main verdim. Oldu.
Genişletmek için tıkla...
Sorunu halletmişsin. Öyle bir sorun olduğunda ilk HTML yapını kontrol et. Sonrasında ise CSS'de verdiğin flex'lere. Bir diğer önerim de Glitch'den paylaşma kodları site çok yavaş açılıyor bende 5 dakika da açıldı. Codepen kullan.
 
Konuyu cevapla
Menü
Giriş yap
Kaydol
Bu siteyi kullanmak için çerezler gereklidir. Siteyi kullanmaya devam etmek için çerezleri kabul etmelisiniz. Daha Fazlasını Öğren.…