Sayfa Altında Kalan Beyaz Boşluk

20-01-2018, 23:35:33

Merhaba Arkadaşlar,
Responsive olarak bulup kurduğum websitemin temasında bazı tarayıcılarda (edge gibi) site tam anlamıyla sayfaya oturmuyor. Footer'ın alt kısmında illa ki bir beyaz boşluk alan bırakıyor. Chrome tarayıcı da hiçbir sorun yok normal görünüyor amaç. Nasıl bir yol izlemeliyim bu durumu düzeltmek için?
Siteyi buradan inceleyebilirsiniz.

21-01-2018, 00:08:32

#2

HuseyinFiliz

Sorun basit bir hatadan dolayı meydana geliyor.

Sitede satır aralıklarının varsayılan değeri 1.6 olarak ayarlanmış.

.body{line-height: 1.6;}

Edge gibi tarayıcılar footerda bulunan yazıların altında bu satır boşluğunu bırakmaya çalışıyor. Beyaz boşluğun tek sebebi bu.

Nasıl Çözülür?
Çözümü basit, css kodlarında footer alanı için ayrı bir css düzeni hazırlamak veya edge, ie gibi tarayıcılar için özel seçiciler kullanmak.

Bu arada sitenize gözattım 404 sayfasının çevirisini yapmadığınızı farkettim. Buradan görebilirsiniz.

21-01-2018, 00:45:19

#3

darabe

HuseyinFiliz adlı üyeden alıntı: mesajı görüntüle

Sorun basit bir hatadan dolayı meydana geliyor.

Sitede satır aralıklarının varsayılan değeri 1.6 olarak ayarlanmış.
.body{line-height: 1.6;}
Edge gibi tarayıcılar footerda bulunan yazıların altında bu satır boşluğunu bırakmaya çalışıyor. Beyaz boşluğun tek sebebi bu.

Nasıl Çözülür?
Çözümü basit, css kodlarında footer alanı için ayrı bir css düzeni hazırlamak veya edge, ie gibi tarayıcılar için özel seçiciler kullanmak.

Bu arada sitenize gözattım 404 sayfasının çevirisini yapmadığınızı farkettim. Buradan görebilirsiniz.

Merhaba,
Öncelikle ilginiz ve açıklamanız için teşekkür ederim. Sitede footer bölümü için line-height: 0 olacak şekilde ayarladım ama beyaz katmanı çok bir etkilemedi açıkcası. Bahsettiğiniz diğer yöntem "edge, ie gibi tarayıcılar için özel seçiciler kullanmak" tam olarak nasıl seçiciler acaba neleri kullanabilirim?
Ayrıca 404 sayfası uyarınız içinde teşekkür ederim. Onunlada ilgileniyorum hemen

21-01-2018, 00:52:33

#4

HuseyinFiliz

darabe adlı üyeden alıntı: mesajı görüntüle

Merhaba,
Öncelikle ilginiz ve açıklamanız için teşekkür ederim. Sitede footer bölümü için line-height: 0 olacak şekilde ayarladım ama beyaz katmanı çok bir etkilemedi açıkcası. Bahsettiğiniz diğer yöntem "edge, ie gibi tarayıcılar için özel seçiciler kullanmak" tam olarak nasıl seçiciler acaba neleri kullanabilirim?
Ayrıca 404 sayfası uyarınız içinde teşekkür ederim. Onunlada ilgileniyorum hemen

CSS'niz üzerinde line height'i 0 olarak ayarladığımda ekran görüntüsünden görebileceğiniz üzere bende beyaz boşluk gidiyor.
Ekran görüntüsüne buradan ulaşabilirsiniz.

<!--[if IE]> <style> .bodu { line-height: 0; } </style> <![endif]-->

Bu html kodu içine gömülmüş sadece ie tarayıcıda çalışacak css kodu.