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

ErrorCorrection

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.com

Glitch Code Editor ･ﾟ✧

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

1678958103400.png
 
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
TheClawNz dedi:
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;
Genişletmek için tıkla...
ğ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:
TheClawNz dedi:
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;
}
Genişletmek için tıkla...

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.
 

Benzer konular

Primearc
  • Çözüldü
Çözüldü  JavaScript'te elementin sonuna başka bir element ekleme
Mesaj
2
Görüntüleme
1.272
Primearc
Primearc
ozdeemre
Kodlar HTML sayfasında gözükmüyor
Mesaj
0
Görüntüleme
478
ozdeemre
ozdeemre
FurkaN80
HTML sayfasında zoom out yapınca elementlerin yeri değişiyor
Mesaj
6
Görüntüleme
1.573
The Anorak
The Anorak
cdentypeek
  • Soru
HTML <script> element kodu çalışmıyor
Mesaj
1
Görüntüleme
2.245
await
await
ozan_dm
  • Çözüldü
Çözüldü  HTML sayfasında müziklerin aynı anda çalması nasıl engellenir?
Mesaj
8
Görüntüleme
705
ozan_dm
ozan_dm

Technopat Haberler

Yeni konular

Yeni mesajlar

Geri
Yukarı